Studio Neon
Website geïmplementeerd in Hugo en Netlify CMS voor een grafisch ontwerpbureau uit Zwolle. Langdurige samenwerking aan meerdere projecten, met Studio Neon.
- Rol
- Full-stack
- Periode
- 2020
- Met
- Design en concept door Studio Neon
De vraag
Studio Neon is een ontwerpstudio voor merkconcepten en campagnes. Hun werk is uitgesproken, met felle kleuren en grote letters. Hun eigen website moest daar niet mee concurreren en de projecten het scherm laten vullen.
Aanpak
Studio Neon maakte het ontwerp en het concept. Ik bouwde het met Hugo, een static site generator, en Netlify CMS om content te beheren. De homepage begint met een korte zin in oranje en daarna een grid met projecten. Elke tegel is een beeld over de volle tegel of een kleurvlak met de opdrachtgever en de naam van het project. Een dunne rode lijn loopt schuin door het grid. Projectpagina's bestaan vooral uit beeld, soms twee naast elkaar, met daaronder een oranje balk om kennis te maken en links naar het vorige en volgende project. De over-ons-pagina zet de omschrijving van de studio wit op oranje, boven foto's van het team. Het menu heeft alleen 'over ons', 'contact' en een zoekicoon. Hugo bouwt elke pagina vooraf, dus er is geen database of servercode om bij te houden. Nieuwe projecten en teksten gaan via het CMS.
Resultaat
Studio Neon kreeg een eenvoudige statische site waarop hun eigen werk op elke pagina het hardst spreekt.
Wat het opleverde
- Homepage-grid met projectbeelden en kleurvlakken.
- Projectpagina's met vorige en volgende en een contactbalk.
- Statische pagina's uit Hugo, zonder database.
- Projecten en teksten beheerd in Netlify CMS.