Prezentacja modułu  ·  nr 111

Zmiana Kolorystyki / Custom Branding

Moduł „Zmiana Kolorystyki / Custom Branding” w czterech formach: statyczne zrzuty panelu i strony, krótkie animacje pojedynczych czynności, film prowadzący przez całość oraz prezentacja interaktywna, po której klikasz samodzielnie.

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.

Konfiguracja

Definiujesz zestaw kolorów (lub kilka) w panelu - główny kolor, akcent, tło.

Jak to wygląda

Cała strona automatycznie przyjmuje wybraną paletę - przyciski, nagłówki, akcenty.

Co robi odwiedzający

Widzi spójną, dopracowaną kolorystykę dopasowaną do aktualnej kampanii lub sezonu.

Aktualizacja

Przełączasz między zapisanymi zestawami kolorów jednym kliknięciem, bez edycji kodu.

Widok na telefonie

Ten sam moduł na małym ekranie — układ, kolejność sekcji i wielkość elementów dopasowane do obsługi palcem.

W1 — Podgląd przed zatwierdzeniem

Podgląd nowej palety na żywo, zanim zostanie opublikowana

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.

Konfiguracja 0:40

Cała czynność w jednym ujęciu — od pustego formularza do gotowego efektu widocznego na stronie.

Ścieżka odwiedzającego 0:25

Widzi spójną, dopracowaną kolorystykę dopasowaną do aktualnej kampanii lub sezonu.

Aktualizacja w locie 0:18

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

Forma 3 z 4

Film

Zmiana Kolorystyki / Custom Branding od A do Z 3:20

Pełne przejście przez moduł: konfiguracja, praca na treści od strony panelu, widok, który dostaje odwiedzający, oraz to, co dokłada pierwszy wariant rozwoju.

Rozdziały

  1. 00:00Co dostajesz w wersji podstawowej
  2. 00:30Konfiguracja
  3. 01:01Jak to wygląda
  4. 01:32Co robi odwiedzający
  5. 02:03Aktualizacja
  6. 02:33Wariant W1 — Podgląd przed zatwierdzeniem

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ę