Prezentacja modułu  ·  nr 2

Produkty / Usługi

Cztery formy pokazujące ten sam moduł z różnych stron: statyczne zrzuty ekranu, krótkie animacje pojedynczych czynności, film prowadzący przez całość oraz prezentacja interaktywna, w której sam klikasz po panelu.

Forma 1 z 4

Zrzuty ekranu

Statyczne widoki panelu i strony — najszybszy sposób, żeby sprawdzić, czy moduł wygląda tak, jak sobie wyobrażasz. Każdy zrzut pochodzi z działającego wdrożenia, nie z makiety.

Panel — formularz produktu

Nazwa, opis, cena, kategoria i zdjęcia w jednym formularzu. Tyle wystarczy, żeby pozycja pojawiła się w katalogu.

Panel — lista produktów

Wszystkie pozycje w jednej tabeli, z wyszukiwaniem i filtrem po kategorii. Cenę poprawiasz bez wchodzenia w produkt.

Panel — drzewo kategorii

Kategorie i podkategorie układasz sam, przeciągając pozycje. To one napędzają filtr widoczny dla odwiedzającego.

Strona — siatka katalogu

Widok, który dostaje odwiedzający: karty produktów, filtr kategorii i paginacja.

Strona — karta produktu

Galeria zdjęć, pełny opis, cena, status dostępności i przycisk zapytania ofertowego.

Widok na telefonie

Filtry chowają się w wysuwanym panelu, karty układają się w jednej kolumnie, zdjęcia ładują się w lżejszym formacie.

Forma 2 z 4

Krótkie animacje

Pojedyncze czynności pokazane w ruchu, po kilkanaście–kilkadziesiąt sekund każda. Odtwarzają się w pętli, bez dźwięku — możesz je obejrzeć w biegu, bez słuchawek.

Dodanie produktu od zera 0:40

Od pustego formularza do gotowej karty w katalogu — bez ani jednej linijki kodu.

Filtrowanie po kategorii i cenie 0:25

Ścieżka odwiedzającego: z pełnej listy do trzech produktów, które go interesują.

Zmiana ceny w locie 0:18

Poprawka w panelu i natychmiastowy efekt na stronie — bez czekania na programistę.

Forma 3 z 4

Film

Produkty i usługi od A do Z 4:10

Pełne przejście przez moduł: konfiguracja kategorii, dodanie kilku pozycji, widok katalogu okiem klienta i obsługa zapytania, które z niego przychodzi.

Rozdziały

  1. 00:00Co dostajesz w wersji podstawowej
  2. 00:35Kategorie — fundament całego katalogu
  3. 01:20Dodanie pierwszego produktu
  4. 02:05Zdjęcia, warianty i dostępność
  5. 02:50Katalog oczami odwiedzającego
  6. 03:30Zapytanie ofertowe z karty produktu

Forma 4 z 4

Prezentacja interaktywna

Prezentacja H5P osadzona przez moduł Drupala — klikasz po zrzutach panelu i strony, rozwijasz podpowiedzi przy poszczególnych polach i sam decydujesz, w jakiej kolejności przechodzisz przez materiał. Działa w przeglądarce, bez instalowania czegokolwiek.

Wykorzystane typy treści H5P

  • Course Presentation

    Slajdy z panelu i strony, po których poruszasz się we własnym tempie.

  • Image Hotspots

    Punkty na zrzucie ekranu — kliknięcie wyjaśnia, do czego służy dane pole.

  • Interactive Video

    Film z pytaniami i odnośnikami pojawiającymi się w kluczowych momentach.

Obejrzane. Co dalej?

Prezentacja pokazuje moduł na naszym przykładzie. Jeśli chcesz sprawdzić go na własnych produktach — udostępniamy piaskownicę z dostępem do panelu.

Na górę