Sterreschans
- Type productOffice booking application
- In opdracht vanValsplat
- Gebruikte technologieënDatoCMS, React, Next.js, Vercel
Over Sterreschans
Valsplat, een design en research lab heeft een kantoor genaamd Sterreschans. Dit kantoor heeft meerdere ruimtes en deze verhuren zij ook aan externe partijen voor bijvoorbeeld hei-sessies of workshops. Zij hadden aan de Voorhoede gevraagd om hier een website voor de maken. Ik mocht meehelpen aan dit project tijdens mijn stage bij de Voorhoede en heb hier dus ook componenten voor mogen maken.
Over de componenten
In dit project kon ik werken aan een aantal dingen die ik nog nooit eerder had gedaan, dit maakte het een heel leerzaam project.
Ik heb de header en de footer mogen maken, en een aantal andere componenten. Bijvoorbeeld het onderscheid maken tussen het mobiele menu en het desktop menu.
Het mobiele menu was een hamburger menu met een overlay, maar deze mocht natuurlijk niet zichtbaar zijn op desktop. Dit was ook de eerste keer dat ik kon werken met React voor een klant.
Ook kon ik werken aan de card die de locatie aangeeft. Deze pijl was een los element en zat dus niet in de foto. Dit zorgde ervoor dat het voor elke scherm breedte goed gecontroleerd moest worden om de uitlijning goed te laten vallen.
Daarnaast ben ik ook bezig geweest met hover animaties, die toch dat extra beetje toevoegen aan een pagina. Hierbij heb ik mijn kennis over UX interacties goed kunnen toepassen.