Wygląd sklepu B2C bez agencji: skórki, kolory, czcionki i układ strony z sekcji

Hurtownia materiałów budowlanych otwiera sprzedaż detaliczną. Sklep B2C działa, produkty i stany przychodzą z tej samej bazy co w platformie B2B, zamówienia płyną. Po dwóch tygodniach szef sprzedaży chce na stronie głównej baner o stali zbrojeniowej zamiast elektronarzędzi, a w marcu sekcję o sezonie ogrodowym. W wielu firmach taka prośba kończy się mailem do agencji, wyceną i czekaniem, aż ktoś znajdzie czas. Przy trzech takich zmianach w kwartale to już osobna pozycja w budżecie i osobny powód, żeby niczego nie ruszać.

Selldi rozdziela to na dwie rzeczy, które w praktyce zmienia się z różną częstotliwością. Wygląd, czyli kolory, czcionka i kształt przycisków, ustawia się raz, czasem poprawia przy odświeżeniu marki. Układ, czyli to, co stoi na stronie głównej i w jakiej kolejności, zmienia się z sezonem, z promocją, z nowym dostawcą. Oba ekrany są w panelu sklepu B2C i obsługuje je ta sama osoba, która dodaje produkty.

Skórka, kolory i czcionka w jednym ekranie

Punktem wyjścia jest skórka. W panelu jest ich sześć: Granat (domyślna), Zieleń butikowa, Czerń premium, Ciepły róż, Morski i Bordo eleganckie. Każda ma krótki opis, do jakiej branży pasuje. Morski to według opisu narzędzia, motoryzacja i przemysł, zieleń to eko, spożywka i ogród. Dla hurtowni budowlanej rozsądny wybór to granat albo morski, ale nikt tego nie narzuca.

Pod skórkami są własne kolory: kolor marki, przyciski „Do koszyka”, akcent, cena i promocje. Pole puste oznacza kolor ze skórki, więc można zmienić tylko jeden element, na przykład przyciski na firmowy pomarańcz, a resztę zostawić. Niżej jest wybór czcionki spośród ośmiu, każda pokazana na tym samym zdaniu próbnym, z krótkim opisem charakteru. Inter jest domyślny, Roboto opisano jako techniczny i czytelny.

Najwięcej czasu oszczędza podgląd po prawej. Przykładowa karta produktu z etykietą promocji, ceną i przyciskiem zmienia się od razu po kliknięciu, więc nie trzeba zapisywać i odświeżać sklepu, żeby sprawdzić, czy czerwona cena nie gryzie się z bordowym przyciskiem. Dopiero przycisk „Zapisz” przenosi wygląd do sklepu. Kolory przyjmowane są wyłącznie jako konkretne wartości z palety, więc nie da się przez pomyłkę wkleić czegoś, co rozsypie stronę.

Układ strony z gotowych sekcji

Strona główna sklepu to nie jeden blok, tylko ciąg sekcji: baner główny, popularne kategorie, okazje i polecane, producenci, opinie, blog, newsletter. To siedem sekcji, które sklep ma od początku. Do nich dochodzą nowe: siatka produktów (bestsellery, nowości, wybrana kategoria albo ręcznie wskazane produkty), tekst ze zdjęciem, pasek z wezwaniem do działania, kafelki z zaletami, pytania i odpowiedzi, zwykły tekst oraz wideo. Osobne typy sekcji obsługują menu w nagłówku i kolumny w stopce. Razem jest ich szesnaście.

W edytorze sekcje dodaje się, usuwa, przesuwa w górę i w dół albo ukrywa bez kasowania. Każda ma prosty formularz: tekst, kolor, liczba produktów, obraz z wgrywaniem, odnośnik, wybór produktów z wyszukiwarki. Siedem domyślnych sekcji ma edytowalny nagłówek, a puste pole zostawia dotychczasowy tekst. Tym samym mechanizmem składa się własne podstrony z osobnym adresem, tytułem i opisem, na przykład stronę o dostawach na budowę albo o programie dla wykonawców.

Ten sam edytor obejmuje części, które zwykle są poza zasięgiem właściciela. Menu w nagłówku mieści do ośmiu odnośników, wyróżnienie i telefon. Stopka ma do czterech kolumn po dziesięć odnośników i musi zawierać kolumnę z dokumentami prawnymi, więc nie da się przypadkiem usunąć regulaminu ze strony. Można też dodać sekcje pod kartą każdego produktu i pod listą każdej kategorii, na przykład blok z pytaniami o dostawę albo pasek z zachętą do kontaktu z handlowcem.

Szkic, podgląd, publikacja

Najważniejsza zasada edytora: nic nie trafia do klientów bez publikacji. Wszystko, co się układa, zapisuje się jako szkic. Szkic można otworzyć w nowej karcie w podglądzie, który wygląda jak prawdziwy sklep, ma u góry pasek z informacją, że to podgląd, i jest wyłączony z indeksowania przez wyszukiwarki. Pracownik może przygotować szkic, a publikację wykonuje osoba z uprawnieniami administratora sklepu.

Każda publikacja odkłada poprzednią wersję do historii. Gdy po weekendzie okaże się, że nowy baner zasłonił najczęściej klikane kategorie, wraca się do poprzedniego układu jednym kliknięciem. Szkic, który się nie sprawdził, można po prostu odrzucić. Jeśli sklep nigdy nie miał zapisanego układu, wygląda standardowo, tak jak na zrzucie strony głównej wyżej, więc nie ma ryzyka, że po włączeniu funkcji coś się samo przestawi.

Czego ta funkcja nie zrobi

Edytor składa stronę z gotowych klocków i nie przyjmuje własnego kodu HTML, CSS ani skryptów. To świadoma decyzja: dzięki temu sklep nie rozsypie się po wklejeniu fragmentu z poradnika i nie da się nim wprowadzić niebezpiecznego skryptu. Dla firmy, która potrzebuje całkowicie autorskiego projektu graficznego z nietypową nawigacją, edytor będzie za ciasny i wtedy lepszym wyborem jest indywidualny projekt.

Edytor nie napisze też tekstów ani nie zrobi zdjęć. Baner z ładnym układem i słabym zdjęciem dalej będzie słabym banerem. Odnośniki w sekcjach mogą prowadzić tylko w obrębie sklepu albo na adresy szyfrowane, a obrazy pochodzą z wgranych plików albo z bezpiecznych adresów. Wreszcie skórki zmieniają kolory i charakter, a nie strukturę sklepu: koszyk, karta produktu i proces zamówienia działają wszędzie tak samo.

Jak to wygląda w Selldi

W panelu sklepu B2C wygląd i układ to dwa sąsiednie ekrany w menu bocznym. Promocje i banery do slidera na stronie głównej ustawia się osobno, na liście, gdzie widać kolejność, status i odnośnik każdego baneru. Ta lista zasila sekcję banera głównego, więc sezonową zmianę oferty robi się bez dotykania układu: dodaje się nową promocję, przestawia ją na pierwsze miejsce, a starą wyłącza.

Wygląd może też zaproponować asystent AI w panelu, na przykład po prośbie o bardziej ekologiczne kolory albo po wrzuceniu zrzutu ekranu z inspiracją. Asystent przygotowuje propozycję, a zmiana wchodzi dopiero po zatwierdzeniu przez człowieka; nowy układ strony zapisuje wyłącznie jako szkic, który dalej trzeba opublikować ręcznie. Ponieważ sklep B2C korzysta z tej samej bazy produktów i stanów co platforma B2B, zmiana wyglądu nie dotyka katalogu, cen hurtowych ani zamówień.

Najczęściej zadawane pytania