Aria Rose

Tło klienta

Aria Rose to marka modowa o silnej identyfikacji wizualnej. Zespół miał gotowe szczegółowe projekty PSD i potrzebował sklepu Shopify, który dokładnie pasowałby do tych projektów, nie tracąc niuansów wizualnych podczas opracowywania.

Szybka migawka projektu

Przemysł

Fashion

Platforma

Shopify

Usługi

PSD to Shopify Conversion, Custom Theme Development

Oś czasu

5 weeks

Wynik

Pixel-perfect Shopify storefront that matched the original design

Używany stos technologiczny

Shopify, Liquid, HTML, CSS, JavaScript, Custom animation library

Wyzwanie

Projekty PSD wymagały wiernej konwersji do Shopify
Domyślne motywy Shopify nie pasowały do stylu marki
Układ musiał być responsywny na każdym rozmiarze urządzenia
Animacje i interakcje potrzebne do płynnego działania
Spójność marki na każdej stronie nie podlegała negocjacjom

Zbliżać się

Zaczęliśmy od przestudiowania plików PSD, księgi marki i asortymentu produktów, aby w pełni dopasować zakres przed napisaniem linii kodu. Nasz zespół UX zaplanował od razu responsywne punkty przerwania i zachowanie animacji, aby zapewnić płynną translację projektu na różne urządzenia. Prace rozwojowe obejmowały zbudowanie w pełni niestandardowego motywu Shopify pasującego piksel po pikselu do PSD, z dodanymi animacjami przewijania i interakcjami, aby ożywić projekt. Przed publikacją zakończono szczegółową rundę kontroli jakości na różnych urządzeniach.

Rozwiązanie dostarczone

Zbudowaliśmy w pełni niestandardowy motyw Shopify, który pasował do oryginalnych projektów PSD. Strona główna, strony kolekcji, strony produktów i koszyk zostały przebudowane od podstaw ze starannie dostosowanymi responsywnymi punktami przerwania. Dodano animacje i interakcje, aby sklep sprawiał wrażenie dopracowanego.

Kluczowe funkcje

Projekt strony głównej dopasowany do PSD

Niestandardowe układy kolekcji

Niestandardowe strony ze szczegółami produktu

Płynne animacje przewijania

Typografia dostosowana do marki

Responsywny projekt dostosowany do urządzeń mobilnych

Wyniki

99%Zoptymalizowana i dostosowana do marki witryna sklepowa

86%Szybsze wprowadzenie na rynek marki niż w przypadku alternatywnych rozwiązań opartych na szablonach

91%Silne opinie klientów na temat atrakcyjności wizualnej

89%Płynna obsługa urządzeń mobilnych we wszystkich przeglądarkach