Shiazo

Oferta produktowa marki

Głównym celem projektu było stworzenie nowoczesnego i intuicyjnego designu strony. Najważniejszym elementem była prezentacja oferty produktowej firmy oraz przygotowanie witryny w dwóch wersjach językowych: angielskiej i niemieckiej.

Główne założenia i początek projektu

Przed rozpoczęciem prac zapoznaliśmy się z produktami oferowanymi przez Shiazo, sposobem działania marki oraz stroną internetową. Największym problemem był przestarzały design strony, który został zaprojektowany dziesięć lat wcześniej. Strona wymagała odświeżenia nie tylko ze względu na walory estetyczne, ale także na użyteczność i potrzeby klientów.

S

Shiazo to marka zajmująca się produkcją i dystrybucją kamieni parowych do sziszy. Jak mówią sami założyciele firmy, to coś więcej niż tylko nowy produkt dla sziszy – to jej przyszłość.

Aby osiągać jak najlepsze wyniki sprzedażowe oraz współpracować z partnerami z całego świata, firma Shiazo poprosiła nas o pomoc w odświeżeniu szaty graficznej strony internetowej.

Oferta firmy

Najważniejszym elementem strony, który w nowym projekcie miał być najbardziej wyeksponowany, to smaki kamieni parowych do sziszy. Podstrona została wyposażona  w system filtrowania na podstawie wybranego rodzaju smaku. Każdy produkt zyskał zdjęcie, opis właściwości oraz sekcję przedstawiającą intensywność smaku.

 

Międzynarodowa współpraca

Firma Shiazo sprzedaje swoje produkty nie tylko na terenie Niemiec, ale też w wielu krajach Europy oraz Azji. W celu przedstawieniu wszystkich partnerów biznesowych oraz łatwego ich wyszukiwania zaprojektowaliśmy interaktywną mapę oraz listę wszystkich krajów.

Łatwe pobieranie

Ze względu na bogatą ofertę smaków kamieni parowych, Shiazo udostępnia swoim klientom oraz partnerom biznesowym liczne materiały marketingowe. W tym celu powstała osobna podstrona, z której zarówno osoby prywatne, jak i firmy mogą pobrać katalogi produktowe w trzech wersjach językowych.

Dwie wersje językowe

Strona ma dwie wersje językowe: angielską i niemiecką. Użytkownik może w łatwy sposób przełączać się między oboma językami, a administrator ma możliwość szybkiego dodania tłumaczenia wybranych tekstów.

Dostosowanie do urządzeń mobilnych

Dostosowanie witryny do urządzeń mobilnych to funkcjonalność, której brakowało w poprzednim designie. Obecnie użytkownik może przeglądać treści zarówno na komputerze, jak i tablecie czy telefonie.

Zobacz stronę przed i po:

Ze względu na oryginalny design i wysokiej jakości zdjęcia praca przy projekcie Shiazo była bardzo przyjemna. Strona zawiera funkcjonalności, które ułatwiają korzystanie z serwisu m.in. wysuwany panel boczny z nawigacją i językami, dynamiczne filtry na podstronie produktowej oraz dodatkowe efekty na zdjęciach. Jednym z większych wyzwań było stworzenie wektorowej, klikalnej mapki z możliwością przełączania na zwykłą listę w formie płynnej animacji.

Maciej Rumiński Webdeveloper

Jak wyglądały prace nad projektem?

Po ustaleniu kwestii dotyczących grafiki, zawartości strony oraz jej funkcjonalności, przeszliśmy do projektowania designu. Bardzo pomocne na każdym etapie prac były materiały dostarczone od właściciela marki. Zdjęcia, teksty, załączniki oraz katalogi produktowe pozwoliły przygotować dopracowany projekt graficzny.

Kolejnym etapem było kodowanie strony oraz migracja treści. Stały kontakt z klientem, jego pomysły oraz na bieżąco zgłaszane uwagi pozwoliły szybko wprowadzić wszystkie funkcjonalności. Ostatnim etapem było dodanie drugiej wersji językowej oraz testy działania strony.

Strona Shiazo to doskonały przykład tego, że nawet prosta strona wymaga regularnego odświeżania i aktualizowania. Nowy design, dostosowanie strony do obecnych standardów oraz potrzeb użytkowników na pewno pozytywnie wpłynie na rozwój marki oraz będzie wspierać sprzedaż na całym świecie.

Zespół projektowy:

  • Michał Maj

    Project manager

  • Emil Kurzaj

    Webdesign

  • Katarzyna Maj

    Content Manager

  • Maciej Rumiński

    Webdeveloper

Zakres prac:

  • Webdesign
  • Webdevelopment
  • Kodowanie uprawnień administratora
  • Migracja treści