Yhteistyö Imadon kanssa sujui erittäin tehokkaasti.
Taide ja muotoilu
Estelle Gassmann
Figma-suunnitelman muuntaminen tuotantokäyttöön valmiiksi WordPress-verkkosivustoksi
Tietoja asiakkaasta
Estelle Gassmann on Zürichissä toimiva muotoilija ja taiteilija, joka luo astioita, posliiniesineitä, tekstiilejä ja ainutlaatuisia esineitä. Hänen verkkosivustonsa toimii sekä hänen töidensä esittelyalustana että verkkokauppana, josta asiakkaat voivat ostaa yksittäisiä esineitä ja kokoelmia.
Uuden verkkosivuston visuaalisen konseptin ja Figma-suunnitelmat laati Zürichissä toimiva suunnittelutoimisto Resort Studio. Resort on erikoistunut visuaaliseen viestintään, brändäykseen ja digitaaliseen suunnitteluun, ja sen toiminnassa painotetaan erityisesti tarkkoja ja omaleimaisia visuaalisia järjestelmiä.
IMADO liittyi projektiin WordPress-kehityskumppanina, jonka tehtävänä oli toteuttaa toimitetut ulkoasusuunnitelmat toimivaksi verkkosivustoksi.
Haaste
Hanke ei rajoittunut pelkästään staattisten Figma-asettelujen jäljentämiseen.
Suunnittelun tuli säilyttää visuaalinen luonteensa eri näytökooissa ja samalla muodostua käytännölliseksi WordPress-verkkosivustoksi, joka pystyy tukemaan Estelle Gassmannin kasvavaa tuote-, esine-, näyttely- ja toimituksellisen sisällön kokoelmaa.
Samalla toteutuksessa oli otettava huomioon verkkokaupan toiminnallisuus ilman, että tavanomaiset verkkokauppamallit olisivat hallinneet huolellisesti suunniteltua ulkoasua.
WooCommerce ilman WooCommercen vakiomuotoilua
Verkkosivusto toimii myös verkkokauppana, jossa on yksittäisiä tuotteita, hinnat, tuoteryhmät, tuotetiedot, ostoskori-toiminto sekä toimitustiedot.
Sen sijaan, että taustalla toimiva verkkokauppa-alusta olisi määrännyt käyttöliittymän ulkoasun, kaupan toiminnallisuus integroitiin Resort Studion luomaan suunnitteluun.
Tämä on erityisen tärkeää muotoilulähtöisissä projekteissa: WooCommercen tulisi tarjota verkkokaupan infrastruktuuri ilman, että jokainen WooCommerce-verkkosivusto näyttää perinteiseltä verkkokaupalta.
Figmasta WordPressiin
Käytimme pohjana suoraan Resort Studion suunnittelemia malleja ja kehitimme verkkosivuston WordPress-alustalla sekä muunsimme visuaalisen ilmeen uudelleenkäytettäviksi käyttöliittymäkomponenteiksi.
Työhömme kuului:
- toimitettujen Figma-suunnitelmien tarkka toteutus;
- työpöytäasettelujen mukauttaminen eri näyttökokoihin;
- uudelleenkäytettävien WordPress-komponenttien luominen eri sisältötyypeille;
- tuote- ja verkkokauppatoimintojen integrointi mukautettuun käyttöliittymään;
- typografian, välien ja vuorovaikutusmallien yhdenmukaisuuden varmistaminen;
- sisällön helppo hallinta WordPressin hallintapaneelissa;
- suunnitteluprototyypin tekninen toteutus toimivaksi verkkosivustoksi.
Tuloksena on sivusto, jossa toimituksellinen sisältö, Estelle Gassmannin taiteellinen tuotanto ja kaupallinen toiminta elävät rinnakkain saman visuaalisen järjestelmän puitteissa.
Virastojen välinen yhteistyö
Hanke on myös hyvä esimerkki siitä, miten teemme yhteistyötä suunnittelutoimistojen ja luovien toimistojen kanssa.
Resort Studio vastasi edelleen luovasta ohjauksesta ja visuaalisesta suunnittelusta, kun taas IMADO hoiti teknisen toteutuksen WordPress-alustalla.
Tämän jaon ansiosta suunnittelutoimistot voivat säilyttää luovan yhteistyön johtoaseman ja samalla ottaa mukaan kokeneen WordPress-kehitystiimin toteutusta varten.
Tulos
Valmis verkkosivusto toteuttaa Resort Studion visuaalisen linjauksen responsiivisena WordPress- ja verkkokauppakokemuksena ja tarjoaa samalla Estelle Gassmannille käytännöllisen alustan teostensa esittelyyn ja myyntiin.
Verkkosivusto kokoaa tällä hetkellä tuotteet, ainutlaatuiset esineet, näyttelyt, tilaustyöt, jälleenmyyjät, uutiset ja taiteilijasta kertovat tiedot yhdeksi yhtenäiseksi digitaaliseksi kokemukseksi.
Uusimmat työt
Valikoima viimeaikaisia projekteja, joissa olemme auttaneet brändejä rakentamaan nopeita, skaalautuvia ja helposti hallittavia WordPress-alustoja.
AirHop
IMADO:n tiimimme vastasi sivuston täydellisestä uudelleensuunnittelusta ja uudelleenrakentamisesta käyttäen räätälöityjä WordPress-lohkoja, jotka on sovitettu JUMPHousen sisäisiin työnkulkuihin.
Vincents
Katso, miten IMADO tukee Vincentsiä skaalautuvalla WordPress-kehityksellä, API-integraatioilla, suorituskyvyn parannuksilla ja alustan jatkuvalla kehittämisellä.
JUMP House
Katso, miten IMADO uudisti JUMP Housen räätälöidyillä Gutenberg-lohkoilla, paremmalla suorituskyvyllä ja konversiokeskeisellä käyttökokemuksella johtavalle saksalaiselle vapaa-ajan brändille.
Rush
Katso, miten IMADO rakensi Rushille skaalautuvan WordPress-alustan useille maille Gutenbergin, paikallisen joustavuuden, korkean suorituskyvyn ja Roller-integraation avulla.
Spadiora
Katso, miten IMADO kehitti ja optimoi Spadioran monikielisen WooCommerce-kaupan räätälöidyllä kassaprosessilla, kampanjoilla ja mukautetuilla ostopoluilla.
GeminiAMPM
Katso, kuinka IMADO uudisti Gemini AMPM:n verkkosivuston parantaakseen hakukoneoptimointirakennetta, vahvistaakseen luottamusta ja lisätäkseen liidien määrää konversioihin keskittyvällä WordPress-uudistuksella.