Estelle Gassmann

O kliencie

Estelle Gassmann to projektantka i artystka z Zurychu, która tworzy zastawę stołową, wyroby porcelanowe, tkaniny i unikalne przedmioty. Jej strona internetowa służy zarówno jako prezentacja jej prac, jak i sklep internetowy, w którym klienci mogą kupować pojedyncze przedmioty i kolekcje.

Na potrzeby nowej strony internetowej agencja projektowa Resort Studio z siedzibą w Zurychu opracowała koncepcję wizualną i projekty w programie Figma. Resort specjalizuje się w komunikacji wizualnej, budowaniu marki i projektowaniu cyfrowym, kładąc duży nacisk na precyzyjne i charakterystyczne systemy wizualne.

IMADO dołączyło do projektu jako partner ds. tworzenia stron w WordPressie, odpowiadając za przekształcenie dostarczonych projektów graficznych w działającą stronę internetową.

Wyzwanie

Ten projekt wymagał czegoś więcej niż tylko odtworzenia statycznych układów z Figmy.

Projekt musiał zachować swój charakter wizualny na ekranach o różnych rozmiarach, a jednocześnie stać się praktyczną stroną na WordPressie, która pomieści rosnącą kolekcję produktów, przedmiotów, wystaw i treści redakcyjnych Estelle Gassmann.

Jednocześnie w ramach tego projektu trzeba było uwzględnić funkcje e-commerce, nie pozwalając jednak, by standardowe schematy sklepów internetowych zdominowały ten starannie przemyślany projekt.

WooCommerce bez standardowego wyglądu WooCommerce

Strona działa też jako sklep internetowy – znajdziesz tam poszczególne produkty, ceny, kategorie, opisy produktów, koszyk oraz informacje o dostawie.

Zamiast pozwolić, by to platforma e-commerce decydowała o tym, jak wygląda strona, funkcje sklepu zostały wkomponowane w projekt stworzony przez Resort Studio.

Jest to szczególnie ważne w projektach, gdzie na pierwszym planie jest design: WooCommerce powinno zapewniać infrastrukturę handlową, nie sprawiając przy tym, że każda strona oparta na WooCommerce wygląda jak typowy sklep internetowy.

Od Figmy do WordPressa

Opierając się bezpośrednio na projektach Resort Studio, stworzyliśmy stronę w WordPressie i przełożyliśmy system wizualny na komponenty frontendu, które można wykorzystywać wielokrotnie.

Nasza praca skupiała się na:

• dokładne wdrażanie dostarczonych projektów z Figma;
• przekształcanie układów stron na komputerach stacjonarnych w wersje responsywne;
• tworzenie komponentów WordPressa, które można wykorzystywać wielokrotnie dla różnych typów treści;
• włączenie funkcji związanych z produktami i zakupami do niestandardowego interfejsu;
• zachowanie spójnej typografii, odstępów i schematów interakcji;
• umożliwienie zarządzania treścią za pomocą panelu administracyjnego WordPressa;
• zajmowanie się szczegółami technicznymi niezbędnymi do przekształcenia prototypu projektu w działającą stronę internetową.

W rezultacie powstała strona, na której treści redakcyjne, twórczość artystyczna Estelle Gassmann i elementy komercyjne współistnieją w ramach tego samego systemu wizualnego.