Samarbetet med Imado var mycket effektivt.
Konst och design
Estelle Gassmann
Att omvandla en unik Figma-design till en produktionsklar WordPress-webbplats
Om kunden
Estelle Gassmann är en Zürich-baserad formgivare och konstnär som skapar porslin, textilier och unika föremål. Hennes webbplats fungerar både som en presentation av hennes verk och som en webbutik där kunderna kan köpa enskilda föremål och kollektioner.
För den nya webbplatsen har designbyrån Resort Studio, med säte i Zürich, tagit fram det visuella konceptet och Figma-designerna. Resort är specialiserat på visuell kommunikation, varumärkesbyggande och digital design, med starkt fokus på precisa och distinkta visuella system.
IMADO gick med i projektet som WordPress-utvecklingspartner med ansvar för att omvandla de tillhandahållna designförslagen till en fungerande webbplats.
Utmaningen
Projektet handlade om mer än att bara återge statiska Figma-layouter.
Designen behövde behålla sin visuella karaktär på olika skärmstorlekar och samtidigt utformas till en praktisk WordPress-webbplats som kunde hantera Estelle Gassmanns växande samling av produkter, föremål, utställningar och redaktionellt innehåll.
Samtidigt måste implementeringen rymma e-handelsfunktioner utan att standardmönster för webbutiker fick ta överhanden över den noggrant genomtänkta utformningen.
WooCommerce utan det vanliga WooCommerce-utseendet
Webbplatsen fungerar även som en webbutik med enskilda produkter, priser, kategorier, produktinformation, varukorgsfunktion och leveransinformation.
I stället för att låta den underliggande e-handelsplattformen styra användarupplevelsen integrerades butikens funktionalitet i den design som skapats av Resort Studio.
Detta är särskilt viktigt i designinriktade projekt: WooCommerce bör tillhandahålla e-handelsinfrastrukturen utan att varje WooCommerce-webbplats ser ut som en traditionell webbutik.
Från Figma till WordPress
Med utgångspunkt i Resort Studios designutkast utvecklade vi webbplatsen i WordPress och omvandlade det visuella systemet till återanvändbara frontend-komponenter.
Arbetet omfattade:
- noggrann implementering av de tillhandahållna Figma-designerna;
- anpassning av desktoplayouter till olika skärmstorlekar;
- utveckling av återanvändbara WordPress-komponenter för olika innehållstyper;
- integrering av produkt- och köpfunktioner i det anpassade gränssnittet;
- enhetlig typografi, konsekventa avstånd och tydliga interaktionsmönster;
- enkel innehållshantering via WordPress adminpanel;
- teknisk implementation för att omvandla designprototypen till en produktionsklar webbplats.
Resultatet är en webbplats där redaktionellt innehåll, Estelle Gassmanns konstnärliga verk och kommersiella inslag samexisterar inom samma visuella system.
Samarbete mellan myndigheter
Projektet är också ett bra exempel på hur vi samarbetar med designbyråer och kreativa byråer.
Resort Studio ansvarade för den kreativa inriktningen och den visuella utformningen, medan IMADO skötte det tekniska genomförandet i WordPress.
Denna uppdelning gör det möjligt för designbyråer att behålla ansvaret för det kreativa arbetet samtidigt som de anlitar ett erfaret WordPress-utvecklingsteam för implementeringen.
Resultatet
Den färdiga webbplatsen omsätter Resort Studios visuella inriktning till en responsiv WordPress- och e-handelsupplevelse, samtidigt som den ger Estelle Gassmann en praktisk plattform för att presentera och sälja sina verk.
Webbplatsen samlar för närvarande produkter, unika föremål, utställningar, beställningsarbeten, återförsäljare, nyheter och information om konstnären i en sammanhängande digital upplevelse.
Senaste arbeten
Ett urval av våra senaste projekt där vi har hjälpt varumärken att bygga snabba, skalbara och lättanvända WordPress-plattformar.
AirHop
Se hur IMADO samlade flera fritidsvarumärken på en WordPress Multisite-plattform med delat innehåll, skräddarsydda funktioner och effektivare hantering.
Vincents
Se hur IMADO stöttar Vincents med skalbar WordPress-utveckling, API-integrationer, prestandaförbättringar och kontinuerlig utveckling av plattformen.
JUMP House
Se hur IMADO byggde om JUMP House med skräddarsydda Gutenberg-block, snabbare prestanda och konverteringsfokuserad UX för ett ledande tyskt fritidsvarumärke.
Rush
Se hur IMADO byggde en skalbar WordPress-plattform för flera länder åt Rush, med Gutenberg, lokal flexibilitet, hög prestanda och Roller-integration.
Spadiora
Se hur IMADO utvecklade och optimerade Spadioras flerspråkiga WooCommerce-butik med en skräddarsydd checkout, kampanjer och anpassade köpflöden.
GeminiAMPM
Se hur IMADO designade om Gemini AMPM:s webbplats för att förbättra SEO-strukturen, bygga förtroende och öka leadgenereringen med en konverteringsfokuserad WordPress-redesign.