Sklep internetowy PrestaShop dla branży sportowej

Sklep z własnym językiem wizualnym i zapleczem treści, które sprzedaje razem z nim.

• Audyt UX i techniczny - lista dobrych i złych praktyk oraz wnioski z analizy wydajności i baz danych.
• Prototypy hi-fi - interaktywna wersja sklepu, na której sprawdziliśmy nawigację i funkcje przed wdrożeniem.
• Design system - kolorystyka, typografia i styl graficzny przygotowane do rozbudowy i do pracy z modułami PrestaShop i WordPressa.
• Karta produktu - interaktywne galerie zdjęć, animowane przyciski oraz rekomendacje i sugestie produktów.
• Formularz zamówienia - dopracowany pod telefony, z dostawą przez Paczkomaty, DPD, DHL i Orlen Paczkę oraz płatnościami BLIK i PayU.
• Integracja PrestaShop i WordPress - listingi produktów, promocje i kategorie osadzane w landing page'ach i artykułach przez API i shortcode'y.
• Ikony i ilustracje - dedykowany zestaw spójny z designem sklepu i czytelny na małych ekranach.

Sklep miał łączyć wygodę zakupów z designem, który wyróżni go w branży sportowej.

Do tego dochodziło zarządzanie treścią i SEO. Sprzedaż prowadzi PrestaShop, ale treści marketingowe wygodniej tworzyć w WordPressie. Trzeba było połączyć oba systemy tak, żeby oferta sklepu była widoczna w treściach, a całość wyglądała jak jeden serwis.

90% użytkowników sklepu korzysta z urządzeń mobilnych, więc to telefon wyznaczał priorytety projektu.

Zaczęliśmy od audytu i warsztatów, a decyzje projektowe sprawdzaliśmy na wireframe'ach i prototypach hi-fi, zanim powstał kod.

Design system opisuje kolory, typografię i styl graficzny w jednym miejscu. Sklep może się rozwijać i korzystać z kolejnych modułów PrestaShop i WordPressa, a wygląd pozostaje spójny. Karta produktu ma interaktywną galerię i rekomendacje, a formularz zamówienia obsługuje popularne w Polsce dostawy i płatności.

Sklep w treściach marketingowych

Przez API i shortcode'y WordPress listingi produktów, promocje i kategorie z PrestaShop trafiają bezpośrednio do landing page'y i artykułów blogowych. Treść i oferta są w tym samym miejscu.

Mobile First

Nawigacja, prezentacja produktów, menu, przyciski i formularze zostały zaprojektowane pod ekrany dotykowe. Treści i obrazy skalują się do rozmiaru wyświetlacza.

Klient dostał sklep i zaplecze treści, które działają jak jeden serwis.

Design system i integracja z WordPressem pozwalają dodawać nowe treści i promocje bez przebudowy sklepu. Dedykowane ikony i ilustracje są częścią identyfikacji wizualnej i pomagają szybko przekazywać informacje na telefonie.