Kreator stron, sklepy internetowe

O projekcie e-commerce

Szczegóły projektu

To nie jest zwykły projekt sklepu internetowego. Pracowałem nad systemem komponentów, szablonów, wersji responsywnych i elementów do wygodnego i szybkiego tworzenia sklepów internetowych. Dzięki temu firma outsourcingowa mogła przyjmować wiele zamówień na sklepy internetowe i realizować je w bardzo krótkim czasie.

Moja rola

UX Designer / Visual Designer

„Wojna w moim kraju mocno wpłynęła na wielu ludzi. Musiałem pracować w kawiarniach, coworkingach, garażach i na parkingach. To pomogło mi się wyłączyć i dużo głębiej zanurzyć w projektach.”

Proces projektowy

Ścieżka projektu obejmowała zidentyfikowanie problemu biznesowego naszych klientów, zrozumienie jego niuansów, określenie problemów i potrzeb użytkowników, przełożenie projektu, stworzenie szablonów o niskiej szczegółowości oraz ekranów do projektu responsywnego. Proces był iteracyjny, dzięki czemu powstała więcej niż jedna struktura sklepów internetowych, a współpraca z klientami i zespołem deweloperskim była wygodna.

💡

Praca nad pomysłem

Podczas codziennych burz mózgów prowadziliśmy powtarzane wywiady z klientami i analizowaliśmy te dane. Persony i mapy empatii pomogły lepiej zrozumieć zarówno klientów, jak i użytkowników sklepów internetowych.

Projektanci w zespole zbadali konkurencję i wykorzystali najlepsze rozwiązania w naszym projekcie. Pierwsze etapy były pełne spotkań z deweloperami i menedżerami, co później również pozwoliło zaoszczędzić cenny czas.

🔎

Badania i wizualizacja

To była długa i ciekawa droga tworzenia wireframe’ów dla różnych bloków systemu sklepu internetowego. Następnie bloki połączono w pełnoprawne strony internetowe. Ostatnim krokiem tego etapu było stworzenie ekranów do projektu responsywnego.

🚀

Wdrożenie produktu

Front-end developerzy przygotowali szablony kodu do szybkiego wdrażania i używania przy różnych zamówieniach. Menedżer przyjmuje zamówienie od klienta, projektant tworzy kreatywny projekt wizualny, a deweloperzy podłączają projekt, edytując kod szablonu.

🔄

Zmiany

Po stworzeniu pierwszej wersji szablonów sklepów internetowych większość procesów została zmieniona. W efekcie nasza firma miała 3 typy systemów e-commerce. Pomogło to poszerzyć bazę klientów i uruchomić bardzo prosty, ale kreatywny proces tworzenia sklepów internetowych.

W tym case study jako przykład pokażę projekt wizualny jednego ze sklepów internetowych, które stworzyłem. Pokażę też, jak budowałem bloki stron po etapie badania konkurencji, pracę nad różnymi układami stron i proces tworzenia projektu responsywnego.

Praca nad pomysłem

Persona Mark: sklep internetowy

Zainteresowania

Powody, by zamówić nasz produkt: kontekst / problem

Badania i wizualizacja

Już na etapie badania konkurencji, codziennych spotkań z zespołem i analizy struktury sklepów internetowych trwały prace nad blokami (szablonami) przyszłych ekranów.

Równolegle powstawały też ekrany projektu responsywnego, dla wygody deweloperów. Pozwoliło to zaoszczędzić dużo czasu na kolejnych etapach rozwoju projektu.

Wdrożenie produktu

Superszybkie kroki projektowe

eco-techno store

Kolory

Gdy klient zgłaszał się do naszej firmy, jego produkt miał już określony branding. Jeśli firma nie miała identyfikacji wizualnej, przeprowadzaliśmy krótką ankietę i uwzględnialiśmy życzenia klienta przy doborze kolorów.

Typografia

Większość naszych klientów pochodziła z Izraela, więc używaliśmy fontów obsługujących hebrajski. Jeśli strona była po angielsku, dobieraliśmy font zgodny z identyfikacją i brandingiem firmy klienta.

Projekt wizualny: desktop

Projekt wizualny: mobile

Uruchomienie

W tym case study jako przykład pokażę projekt wizualny jednego ze sklepów internetowych, które stworzyłem. Pokażę też, jak budowałem bloki stron po etapie badania konkurencji, pracę nad różnymi układami stron i proces tworzenia projektu responsywnego.

Podsumowanie

Ten projekt e-commerce wykracza poza zwykły projekt sklepu internetowego: to stworzenie kompleksowego systemu komponentów, szablonów, wersji responsywnych i elementów. Takie podejście pozwoliło firmie outsourcingowej sprawnie realizować wiele zamówień na sklepy internetowe w wyjątkowo krótkim czasie. Moja podwójna rola UX Designera i Visual Designera odegrała w tym sukcesie kluczową rolę.

Link do strony firmy, w której zrealizowałem ten projekt: navoto.com.

Dziękuję!

Dziękuję za obejrzenie! I dziękuję Siłom Zbrojnym Ukrainy za możliwość pracy!