Estelle Gassmann

Om kunden

Estelle Gassmann er en designer og kunstner bosatt i Zürich som skaper servise, porselensgjenstander, tekstiler og unike gjenstander. Nettstedet hennes fungerer både som en presentasjon av hennes arbeid og som en nettbutikk der kundene kan kjøpe enkeltgjenstander og kolleksjoner.

For den nye nettsiden har designbyrået Resort Studio, med base i Zürich, utviklet det visuelle konseptet og Figma-designene. Resort er spesialisert på visuell kommunikasjon, merkevarebygging og digital design, med et sterkt fokus på presise og særegne visuelle systemer.

IMADO ble med i prosjektet som WordPress-utviklingspartner, med ansvar for å omsette de leverte designene til et fungerende nettsted.

Utfordringen

Prosjektet krevde mer enn bare å gjenskape statiske Figma-oppsett.

Designet måtte bevare sin visuelle karakter på tvers av ulike skjermstørrelser, samtidig som det skulle bli et praktisk WordPress-nettsted som kunne håndtere Estelle Gassmanns stadig voksende samling av produkter, gjenstander, utstillinger og redaksjonelt innhold.

Samtidig måtte løsningen romme e-handelsfunksjonalitet uten at standardbutikkmønstre fikk dominere det nøye gjennomtenkte designet.

WooCommerce uten det vanlige WooCommerce-utseendet

Nettstedet fungerer også som en nettbutikk, med enkeltprodukter, priser, kategorier, produktinformasjon, handlekurvfunksjonalitet og leveringsinformasjon.

I stedet for å la den underliggende e-handelsplattformen bestemme brukeropplevelsen, ble butikkfunksjonaliteten integrert i designet utviklet av Resort Studio.

Dette er spesielt viktig i designorienterte prosjekter: WooCommerce bør tilby infrastrukturen for netthandel uten at alle WooCommerce-nettsteder kommer til å se ut som en tradisjonell nettbutikk.

Fra Figma til WordPress

Med utgangspunkt i designene fra Resort Studio utviklet vi nettstedet i WordPress og omsatte det visuelle uttrykket til gjenbrukbare frontend-komponenter.

Vårt arbeid fokuserte på:

• nøyaktig å implementere de leverte Figma-designene;
• å omsette skrivebordsoppsett til responsiv funksjonalitet;
• å lage gjenbrukbare WordPress-komponenter for ulike innholdstyper;
• å integrere produkt- og handlefunksjonalitet i det tilpassede grensesnittet;
• å opprettholde en ensartet typografi, avstand og interaksjonsmønstre;
• å gjøre det mulig å administrere innhold via WordPress-administrasjonsgrensesnittet;
• å håndtere de tekniske detaljene som kreves for å gjøre en designprototype om til et nettsted i produksjon.

Resultatet er et nettsted der redaksjonelt innhold, Estelle Gassmanns kunstneriske arbeid og kommersielle innhold sameksisterer innenfor det samme visuelle systemet.