bruni.pl

Poprawa funkcjonalności wersji mobilnej dzięki wdrożeniu “mobile bottom navigation”

O kliencie

Firma Bruni to rozwijający skrzydła podkarpacki producent ręcznie wykonanych, eleganckich i nowoczesnych mebli z naturalnych materiałów. Firma produkuje ekskluzywne drewniane stoły i meble, spełniając oczekiwania najbardziej wymagających klientów. Marka jest na etapie ekspansji na rynek polski oraz rynki światowe - Europa, Stany Zjednoczone, Kraje Arabskie.

Główne cele projektu i sposób ich realizacji

Bruni

Poprawa funkcjonalności wersji mobilnej - wdrożenie dolnego paska nawigacji

Biorąc pod uwagę wzrost znaczenia kanału mobile w e-commerce (według badań1 ponad 50% ruchu w e-sklepach generowanych jest z urządzeń mobilnych) oraz wzrost wielkości ekranów smartfonów i wpływ tego czynnika na sposób i wygodę korzystania z urządzeń mobilnych przez użytkowników (6-calowe wyświetlacze jako standard modeli flagowych i w średnim segmencie), sugerowaliśmy klientowi wdrożenie dolnego paska nawigacji na urządzeniu mobilnym.

Badania2 zachowań użytkowników mobilnych wskazują, że 60% korzystających ze smartfonów posługuje się jednym lub dwoma kciukami. Sformułowano na tej podstawie “strefę kciuka”, zakotwiczoną w dolnej części ekranu. Umieszczenie buttonów funkcjonalnych i CTA bliżej dolnej krawędzi ekranu znacząco ułatwia użytkownikowi poruszanie się po sklepie i sprawne odnalezienie informacji.

Projektując mobile bottom navigation zwróciliśmy szczególną uwagę na zachowanie reguł, wpływających na wygodę użytkownika:

  • Funkcjonalność – dostarczenie użytkownikowi intuicyjnej nawigacji, ułatwiającej poszukiwanie informacji i poruszanie się po sklepie
  • Ergonomia – zachowanie łatwego dostępu do funkcji, dzięki stałej widoczności paska nawigacji podczas scrollowania strony.
  • Czytelność – zaprojektowanie ikon informacyjnych tak, aby użytkownik nie miał wątpliwości, jaką akcję poprzez nie realizuje. Estetyczne, równomierne rozłożenie ikon w ilości umożliwiającej ich czytelną prezentację (pozostawiono przestrzeń na dodanie CTA “Koszyk” w przyszłości). Biorąc po uwagę wygodę użytkownika utrzymano równomierne rozłożenie miejsc docelowych w przypadku zmiany orientacji urządzenia.
Bruni

Obserwując trendy, śledząc badania zachowań użytkowników, wyciągając wnioski, jako jedni z pierwszych proponujemy wdrożenie dolnego paska nawigacji w sklepie internetowym. Biorąc pod uwagę fakt, że giganci internetu, jak np. Google czy Allegro, używają już tego rozwiązania, nie ma obawy o zaskoczenie i brak przyzwyczajeń użytkowników do dolnej nawigacji na mobile. Dzięki wdrożonemu pomysłowi poprawiamy wygodę użytkowania serwisu na wersji mobilnej.

Bruni

Elastyczna platforma, umożliwiająca sprawny rozwój w kierunku sklepu internetowego

Etap, na którym znajduje się obecnie marka: silny nacisk na promocję na polskim i światowym rynku oraz przyszłe plany rozwoju, zdeterminowały jedno z podstawowych wymagań stawianych platformie, tj. elastyczność. Pierwotnie wdrożony katalog produktów i serwis mają mieć możliwość elastycznego, bezproblemowego rozwoju platformy w kierunku w pełni funkcjonalnego, konkurencyjnego sklepu internetowego. Podejścia takie uwzględniono zarówno na etapie projektowania interfejsów użytkownika, jak i obsługi panelu administracyjnego serwisu.

Sposób prezentacji menu, katalogu produktów czy pojedynczego produktu jest zbliżony do standardów obowiązujących w e-commerce. Biorąc pod uwagę charakter oferty klienta - produkcja mebli na indywidualne zamówienie - button “Dodaj do koszyka” zastąpiono CTA “Zapytaj o produkt”. Serwis w pełni wspiera obsługę zapytań, wysyłając zdefiniowane w panelu administracyjnym automatyczne powiadomienia do użytkowników.

Bruni
Bruni

W razie chęci uruchomienia przez klienta aktywnej sprzedaży online system będzie wymagał realizacji niewielkich zmian, typu dodanie przycisków CTA, dodawanie stron obsługi zamówień i panelu użytkownika. Panel administracyjny platformy neti.store został dostosowany do obecnych wymogów klienta. Jest on w pełni gotowy na rozbudowę w kompletny system sprzedaży B2C. Dodawanie kolejnych funkcjonalności sklepu online nie wpłynie przy tym negatywnie na wydajności i szybkość ładowania serwisu.

Wdrażając rozwiązanie dla Bruni.pl zachowano także wszelkie wymagania SEO Friendly dla serwisów internetowych, co wspiera podejmowane przez klienta działania z obszaru marketingu internetowego.

System wdrożony dla Bruni.pl, na tym etapie rozwoju, łączy funkcję katalogu produktów z budowaniem świadomości marki. System został zaplanowany i wdrożony w sposób, który w przyszłości umożliwia dodanie do niego funkcjonalności wymaganych do realizacji sprzedaży online.
Rozbudowa platformy w kierunku sklepu internetowego nie będzie wymagała “rewolucji” i nie zakłóci sprawnego działania serwisu.

Indywidualna grafika dostosowana do prezentacji produktów z branży meblowej

W czasach “społeczeństwa obrazkowego” i nawyku skanowania stron, grafika jest potężnym narzędziem sprzedaży, odgrywa ogromną rolę w sukcesie sklepu internetowego i prezentacji produktów.

Dobrze przemyślana prezentacja wizualna marki i produktu jest kluczowym czynnikiem, zachęcającymi użytkowników do kupna i utrzymującymi zainteresowanie od momentu, gdy potencjalni e-konsumenci trafią na stronę internetową.

Niektórzy badacze zachowań e-konsumentów uważają, że wybór grafiki jest tak samo ważny, jak użyteczność w e-commerce.

Diament
Bruni

Indywidualnie zaprojektowany design dostosowany został do charakteru produktów oferowanych przez markę. Wyświetlenie na karcie produktów dużych zdjęć, alternatywnych widoków produktu, pokazanie go z daleka, z bliska i pod różnymi kątami, pomaga dać potencjalnym klientom jasny obraz tego, co oferuje marka i zbudować zaufanie, które doprowadzi do zakupu.

Użycie wygodnej formy scrollowania informacji o produkcie, nie porzucając przy tym widoku zdjęć, jest celowym zabiegiem graficznym.

Biorąc pod uwagę znaczenie kanału mobilnego, zaprojektowano oddzielny design dla smartfonów. Możliwość przeglądania zdjęć konkretnego produktu, już na poziomie katalogu, bez konieczności wchodzenia w kartę produktu, ułatwia użytkownikowi poruszanie się po serwisie celem przeglądnięcia interesującej go oferty.

W przypadku prezentacji produktów oferowanych przez klienta, wyszliśmy z założenia “Od razu użyj zdjęć, aby dotrzeć do sedna tego, czego szukają użytkownicy”. Dzięki takiemu podejściu udało się wyeksponować piękno drewnianego mebla, które do wielu potencjalnych klientów przemawia o wiele mocniej niż wskazywanie parametrów technicznych.

Realizując wdrożenie zadbaliśmy także o obszar optymalizacji grafiki pod kątem wyszukiwarki Google. Możliwość zamieszczenia odpowiednich słów w tytule obrazu, nazwie pliku i opisie pozwala robotom indeksującym Google, pracującym “za kulisami”, zwiększyć ranking domeny Bruni.pl.

Bruni

Grafika i nawigacja w serwisie zostały zaprojektowane tak, aby prowadzić użytkownika w pożądanym kierunku, tj. dokonania zakupu/zapytania o produkt. Przyjęta ścieżka prezentacji zdjęć produktowych, ukazujących charakter drewnianych mebli, który “ma zachwycać”. Nawigacja, która ma wspierać pozyskanie informacji przez użytkownika i planowe rozmieszczenia przycisków CTA, zachęcających do podjęcia akcji.

Bruni

Poprawa linkowania wewnętrznego i uporządkowanie treści dzięki przemyślanej strukturze serwisu

Klientowi zależało na tym, aby połączyć funkcję prezentacji marki z pokazaniem katalogu produktów. Z perspektywy klienta równie ważne, jak pokazanie produktów, było zamieszczenie informacji o marce i uczestnictwie w prestiżowych wydarzeniach targowych.

Odpowiedzią na to oczekiwanie jest zaprojektowana struktura menu, landing page “poznaj nas” oraz sekcja “wydarzenia”, umieszczona, zgodnie z oczekiwaniem klienta, na homepage.

Innym narzędziem użytym w serwisie, wspomagającym użytkownika w nawigacji po stronie, a Googlebota w indeksowaniu serwisu, są breadcrumbsy.

Przemyślana struktura serwisu i użycie kategorii pozwoliły na uporządkowanie treści i łatwe uzyskanie przez użytkownika dostępu do interesującej go sekcji. Jednocześnie w subtelny i nienachalny sposób wyeksponowane zostały informacje, istotne z punktu widzenia właściciela marki.

Rezultat

Wdrożenie serwisu dla Bruni.pl było dla nas, miłośników drewnianych mebli, wspaniałą przygodą. Ostatecznie wdrożona platforma adresuje wszystkie potrzeby zgłoszone przez klienta.

Dzięki zaproponowanemu przez zespół Neti wdrożeniu dolnego paska nawigacji na urządzeniach mobilnych, usprawniono znacząco funkcjonalność wersji mobilnej, dostosowując nawigację do wygody i oczekiwań użytkowników.

WRÓĆ DO CASE STUDIES