Poseidon’s Moringa

Mei 2022

—

Zwitserland

Scroll naar beneden om meer te verkennen

Wat we deden

Gebruikersinterface Ontwerp

Gebruikerservaring Ontwerp

3D-modelcreatie en animaties

Front-end ontwikkeling

Ondersteuning en Onderhoud

Technologieën

JavaScript

GSAP

WordPress

Zie Project

Doelstelling:

Ons doel hier was om een website te creëren voor de presentatie van een innovatief product, dat zich zou onderscheiden in een verzadigde industrie met een interactief en visueel aantrekkelijk ontwerp dat de aandacht trekt en nieuwsgierigheid opwekt bij de bezoekers. Het belangrijkste doel van de website was merkbekendheid, producteducatie en grootschalige B2B-leadgeneratie.

Aanpak

We benaderden dit project door de essentie van de Moringa-plant en de 3D-modellen van beide productvarianten in onze websiteflow en strategie te verwerken. Onze belangrijkste focus was het creëren van een boeiende gebruikerservaring die niet alleen het product in de schijnwerpers zette, maar ook de talloze voordelen van de Moringa-planteninfusie benadrukte.

Om onze ideeën tot leven te brengen, begonnen we met het ontwikkelen van wireframes en 3D-modelprototypes. Deze visuele representaties stelden ons in staat om de lay-out en gebruikersinterface van de website effectief te visualiseren en zo een samenhangend en intuïtief ontwerp te garanderen.

Ons ultieme doel was om de aandacht van de gebruiker te trekken door de 3D-modellen naadloos te integreren in de interactieve ervaring, terwijl we hen tegelijkertijd informeerden over de verschillende voordelen van de Moringa-plant.

Vervolgens hebben we onze inspanningen gewijd aan het creëren van een uitgebreid ontwerpsysteem dat lettertypen, kleuren, stijlen en elementen omvat. Dit ontwerpsysteem diende als basis voor het behouden van consistentie en esthetische aantrekkingskracht op de website.

Om het visuele ontwerp te implementeren, hebben we Three.js en GSAP gebruikt, waarbij we hun mogelijkheden benutten om een meeslepende en visueel verbluffende gebruikersinterface te creëren. Daarnaast hebben we WordPress gebruikt als een headless CMS, waardoor we efficiënt inhoud kunnen beheren en bijwerken terwijl we profiteren van de flexibiliteit en krachtige functies van het WordPress-platform.

Resultaat

We hebben een meeslepende webervaring gecreëerd en het product op een zeer unieke manier gepresenteerd, met onmiddellijk effect op mensen en bedrijven die contact hebben opgenomen met onze klant voor samenwerking.

Voor dit project ontvingen we een Eervolle Vermelding van awwwards.com.