CareBots

Project details

Voor de eerste periode van de opleiding kregen we de opdracht om een (innovatief) product te verzinnen. Voor dit product moest er een ondernemingsplan worden opgesteld. Aan de hand van dit plan moesten we een functioneel en technisch ontwerp schrijven en uiteraard de website zelf bouwen. Als groep kozen we voor het product 'CareBots': robots die ingezet worden in de zorgsector om de werkdruk van zorgpersoneel te verlagen en het welzijn van patiënten te verbeteren door middel van fysieke ondersteuning en interactieve zorg.

HTML5
CCS3
Github
Figma
JavaScript
Bootstrap

Live site

Problemen en oplossingen

De hero-image wilde niet goed meeschalen op verschillende apparaten. Dit heb ik opgelost door de beelden los te knippen van de achtergrond in Gimp. Vervolgens heb ik de achtergrond opnieuw gegenereerd met CSS, waardoor ik veel meer controle kreeg over hoe de hero-image werd weergegeven. We hebben gewerkt met Javascript (fetch o.a.) en Bootstrap. Qua projectmanagement, het is natuurlijk altijd even wennen in een nieuwe groep, maar door goed te plannen en duidelijke afspraken te maken, hebben we een mooi product opgeleverd. Ik heb ook een paar keer moeten stoeien met Git, VSCode en Github (mergeconflicten), maar daar zijn we natuurlijk uitgekomen.

Wat ik heb geleerd

Ik ben goed in het omzetten van een statisch design naar een dynamische website. Ik schrijf liever zelf de code dan een framework te gebruiken, omdat je uiteindelijk meer controle behoudt over het eindresultaat, wat ik prettig vind. Ik denk graag na over architectuur, planning en een styleguide, omdat het belangrijk is dat de kern van de zaak goed zit. Ik werk makkelijk samen met anderen en pas me aan waar nodig. Daarnaast heb ik geleerd om te werken met een functioneel ontwerp.