QuinteQ Energy website redesign
Klant: QuinteQ Energy
Vraag: Nieuwe website
Project elementen:
Persona & sitestructuur sessie
Wireframing
Prototyping
Webdesign
Structuur en navigatie
Voor QuinteQ Energy Storage hebben we eerst de sitestructuur bepaald, waarmee we een sterke basis hebben gelegd voor de gebruikerservaring en navigatie. Door goed in kaart te brengen welke informatie essentieel is voor zowel de civiele als de defensiesector, hebben we een overzichtelijke structuur ontworpen die aansluit bij QuinteQ’s missie.
Op basis van deze structuur hebben we wireframes ontwikkeld, waarmee we de functionele elementen en de informatiestroom visualiseerden. Dit hielp ons om een duidelijke indeling en navigatie te creëren, gericht op de belangrijkste boodschap van QuinteQ: het ondersteunen van de energietransitie door energiepieken te beheren met slimme, duurzame opslagoplossingen.
Met deze wireframes als fundament zijn we aan de slag gegaan om een visueel en inhoudelijk sterke website te ontwikkelen die QuinteQ’s rol als "shock absorber" in de energietransitie benadrukt. De copywriter is hiermee ook aan de slag gegaan zodat we alle content direct in de visual designs konden verwerken.
Design
Na het opstellen van de wireframes hebben we drie verschillende homepagina-ontwerpen gemaakt, volledig afgestemd op de ontwikkelde huisstijl van QuinteQ Energy Storage. Elk ontwerp had een unieke benadering om QuinteQ’s missie en kernboodschap te communiceren, terwijl het consistent bleef met de visuele identiteit van het merk.
Deze ontwerpen presenteerden we aan de klant, zodat ze konden zien hoe de huisstijl tot leven kwam in verschillende stijlen. Unaniem werd één stijl gekozen, die perfect aansloot bij QuinteQ’s visie en doelstellingen. Met dit gekozen ontwerp als basis zijn we verder gegaan met de ontwikkeling van de volledige visual designs, ondersteund door een designsysteem. Dit designsysteem zorgde ervoor dat alle visuele elementen consistent en schaalbaar waren, wat essentieel was om QuinteQ’s boodschap en merkidentiteit helder en eenduidig over te brengen op de uiteindelijke website.
