Wdrożenie sklepu internetowego z włoskimi butami

Birbante Rocca


Notice: Undefined offset: 1 in /home/klient.dhosting.pl/flowtar/flowtar.com/web/cache/page-project-main-pl.flow on line 23
/portfolio/birbante-rocca/implementacja-sklepu-internetowego-z-wloskimi-butami.jpg

Dla Birbane Rocca wdrożyliśmy responsywny sklep internetowy. Najważniejszą cechą projektu było skupienie uwagi odwiedzających na najwyższej jakości produktach. Sklepowe funkcjonalności miały być minimalistyczne i proste w obsłudze.

Birbante Rocca zajmuje się sprzedażą włoskich butów marki Pantanetti. Wszystkie buty są tworzone ręcznie z najwyższej jakości materiałów (głównie skór cielęcych). Produkty oferowane przez Birbante Rocca są przykładem mistrzowskiego kunsztu i wielu setek lat tradycji.

Włoskie buty marki Pantanetti

Birbante Rocca to sklep z butami pochodzącymi wyłącznie z włoskich, tradycyjnych manufaktur obuwniczych. Nasze kolekcje charakteryzuje prostota i surowość we wzornictwie oraz rzemieślnicza pasja przekazywana z pokolenia na pokolenie.

Birbante Rocca to świat, w którym podążamy na przekór szybkiej modzie, sezonowym trendom i masowej produkcji. Naszą tożsamość definiuje indywidualny styl i jakość naszych produktów, będąca konsekwencją pasji, doświadczenia i wrażliwości ich twórców.

Po takim wstępie domyślasz się jak niesamowitym wyzwaniem była implementacja sklepu internetowego Birbante Rocca…

Sklep internetowy zbudowany z najwyższej jakości materiałów

Jeden z właścicieli marki Birbante Rocca, Bartek, jest profesjonalnym fotografem. Gdy do Polski dotarła pierwsza kolekcja butów (Wiosna 2016), zaaranżował On specjalną produktową sesję fotograficzną. Dbając przy tym o każdy najmniejszy detal, zdjęcia wyszły fenomenalne. Dodatkowo, przy okazji tworzenia identyfikacji wizualnej Klient przygotował też projekt graficzny strony internetowej. Projekt obejmował wizualizację strony głównej sklepu dla rozdzielczości HD (komputer stacjonarny - desktop).

Strona główna sklepu internetowego z butami
Minimalistyczna strona główna sklepu internetowego z butami

Z racji bardzo napiętych terminów ze strony Klienta, na podstawie tych materiałów, musieliśmy przejść od razu do implementacji sklepu.

Implementacja sklepu internetowego

Po przedstawieniu Klientowi kilku platform i systemów do budowania sklepów internetowych, omówilismy ich wady i zalety. Wspólnie zdecydowalismy, że najlepszym rozwiązaniem na start będzie skorzystanie z platformy Shoplo.

W związku z tym implementacja sklepu polegała na stworzeniu szablonu dla platformy Shoplo. Szablon obejmował implementację wielu podstron, między innymi:

  • strony głównej sklepu (zawierającej linki do poszczególnych kategorii)
  • strony kategorii (zawierającej listę produktów)
  • strony produktu (zawierającej zdjęcia, opisy, konfiguracje i możliwość dodania produktu do koszyka)
  • strony statycznej (np. polityka prywatności, regulamin sklepu, polityka zwrotów)
  • strony galerii, podzielonej na kolekcję i lookbook (zawierającej zdjęcia wizerunkowe produktów)
  • strony kontaktowej z formularzem kontaktowym
Lista produktów w wybranej kategorii
Lista produktów w wybranej kategorii
Szczegółowy widok wybranego produktu w sklepie internetowym
Szczegółowy widok wybranego produktu. Znajdziemy tutaj opis, zdjęcia, właściwości produktu oraz cenę
Lista miniaturek w kolekcji
Po wybranu konkretnej kolekcji przechodzimy do podstrony z miniaturkami zdjęć

Dodatkowo, aby uczynić sklep łatwym w obsłudze, przyjaznym i przyspieszyć jego działanie, zdecydowaliśmy się na wprowadzenie:

  • dynamicznego koszyka
  • dynamicznego procesu logowania
  • opcji zapisania się do newslettera
Dynamiczny koszyk w sklepie internetowym
Dynamiczny koszyk pojawia się z prawej strony ekranu, po kliknięciu ikonki zakupów

Dynamiczny koszyk oznacza, że dodanie produktu do koszyka nie wymaga przeładowania strony internetowej. Dzięki temu takie operacje jak dodanie produktu do koszyka, logowanie czy zapisanie się do newslettera odbywają się od razu. Bez potrzeby oczekiwania na długą odpowiedź serwera i przeładowania całej strony internetowej.

Milion podstron kontra jedna wizualizacja

Z racji tego, że Klienta bardzo goniły terminy, do dyspozycji mieliśmy bardzo ograniczoną ilość czasu. Dodatkowo jedyną wizualizacją jaką posiadaliśmy była wizualizacja strony głównej sklepu.

W związku z tym zdecydowaliśmy się na pracę online. Klient na każdym etapie prac widział postępy i mógł na bieżąco składać swoje uwagi do wyglądu i funkcjonalności sklepu. Natomiast my korzystając z wizualizacji strony głównej i pomysłów przedstawionych osobiście przez Klienta, pozostałe podstrony (widoki) tworzyliśmy bez projektów, od razu je implementując.

Udało się to osiągnąć z najlepszym efektem - wdrażając wszystkie podstrony dla systemu desktop, zadbaliśmy również o wzorowy wygląd sklepu dla urządzeń mobilnych. Grafika i zdjęcia zostały zoptymalizowane w taki sposób, aby dobrze wyglądać na wysokorodzielczościowych monitorach (np. typu Retina). Strona została również w specjalny sposób przystosowana do urządzeń firmy Apple (iPad, iPhone) w taki sposób, aby zachować pełną funkcjonalność i efektywność. Dzięki temu zakupów w sklepie Birbante Rocca można dokonać wprost ze swojego ulubionego telefonu, z użyciem kilku dotknięć palcem.

Responsywna strona główna sklepu internetowego
Mobilny widok listy produktów
Lookbook widok na telefonie
Mobilna wersja strony głównej, listy produktów oraz lookbook'a
Wygląd podstrony kolekcja na tablecie
Sklep internetowy na tablecie lista produktów
Wygląd strony na tablecie, podstrona galerii oraz lista produktów z wybranej kategorii

Praca była bardzo intensywna i wymagała kilku spotkań z Klientem, aby doprecyzować szczegóły szablonu i omówić ewentualne poprawki. Jednak dzięki temu sklep udało się skończyć w założonym terminie.

Rozbudowa sklepu internetowego i kolejne dostawy produktów

Na jesieni 2017 roku przybyła kolejna dostawa butów i sklep trzeba było rozbudować o dodatkowe kategorie. Dzięki połączeniu sklepu z usługą Google Analytics, okazało się również, że zdecydowana większość odwiedzających sklep korzysta z urządzeń mobilnych. Dlatego po jakimś czasie wykonaliśmy jeszcze kilka zmian wizualnych, aby uczynić zakupy z takich urządzeń jeszcze przyjemniejszymi. Stroną Birbante Rocca od strony technicznej opiekujemy się do dzisiaj.


Dzięki bardzo minimalistycznej konstrukcji i subtelnym animacjom, sklep internetowy nie odwraca uwagi od najważniejszej rzeczy. Produktów. Odwiedzając sklep Birbante Rocca mamy wrażenie, że na całym świecie są tylko dwie rzeczy. Ja i najwyższej jakości buty.