Lidrus
Voor Lidrus bouwde ik de frontend vanuit Figma. Een rustig ontwerp waarin tekst, ruimte en verhoudingen veel aandacht vragen.
FRONTEND DEVELOPMENT / WEBSITE
02 / Het project
Veel informatie, rustig opgebouwd.
Lidrus werkt aan ondergrondse infrastructuur, procesverbetering en organisatieontwikkeling. Op de website komen deze verschillende vakgebieden bij elkaar.
Ik bouwde alle pagina’s vanuit het aangeleverde ontwerp. Ook de responsive indeling, animaties en interactieve onderdelen waren onderdeel van mijn werk.
MIJN ROL
CONTEXT
UITWERKING
Frontend development
Aangeleverd Figma-ontwerp
Pagina’s · responsive · interactie
03 / De website in beeld
Ruimte voor de inhoud.
De lichte achtergrond, groene accenten en brede tekstvlakken vormen de basis van het ontwerp.
04 / Details & opbouw
Leesbaar op een kleiner scherm.
Ik paste de tekstkolommen, afstanden en volgorde aan voor mobiel. Zo blijven ook pagina’s met meer tekst overzichtelijk.
05 / Mijn uitwerking
Mijn werk aan de frontend.
01 / Figma → frontend
Ik bouwde de pagina’s op vanuit Figma, van de introductie tot de onderste secties.
02 / Typografie & spacing
Ik werkte de tekstgroottes, kolommen en tussenruimtes uit volgens het ontwerp.
03 / Responsive pagina’s
Ik maakte de indeling geschikt voor verschillende schermformaten, met aandacht voor leesbare tekst.
04 / Animatie & interactie
Ik verzorgde ook de animaties en interactieve onderdelen van de website.
06 / Het resultaat
Wat ik heb opgeleverd.
De volledige frontend van Lidrus: alle pagina’s, de mobiele weergave en de interacties. Dit project laat goed zien hoeveel verschil de uitwerking van tekst en tussenruimtes maakt.
FIGMA → FRONTEND → RESPONSIVE → INTERACTIE
