Platforma inTradus Start B2B i B2C posiada pięć grup banerowych dostępnych w kategorii "Zawartość" w panelu admina:
- Banner na całą szerokość na stronie głównej
- Landing Page po zalogowaniu/Sklep - Baner 1 (główny)
- Landing Page po zalogowaniu/Sklep - Baner 2 (lewy)
- Landing Page po zalogowaniu/Sklep - Baner 3 (pod promocjami)
- Landing Page po zalogowaniu/Sklep - Baner 4 (dolny)
W przypadku nieuzupełnienia grupy przynajmniej jednym aktywnym banerem, pusta grupa nie zostaje wyświetlona na platformie. Banery są responsywne, co skutkuje zmianą ich wyglądu na różnych wyświetlaczach, z jakich mogą korzystać użytkownicy poruszający się po platformie.
Poniżej przedstawiamy wytyczne, które pomogą zaprojektować banery tak, aby wyświetlały się poprawnie:
1. Banner na całą szerokość na stronie głównej
Widoczny dla użytkownika niezalogowanego na głównej stronie platformy.
Rozmiar: 2560x400px
Grafika poglądowa baneru
Sposób działania:
Przy zmianie rozdzielczości na mniejszą niż 2560px, platforma zaczyna obcinać baner po bokach, nie zmieniając przy tym jego wysokości. Zalecamy projektować grafikę tak, aby jej istotne elementy (takie jak treść albo button) znajdowały się w obszarze nie większym niż 992px szerokości.
Grupa banerów posiada swoją wersję mobilną, która poniżej rozdzielczości 768px zmienia się z wersji desktopowej na mobilną, posiadającą wymiary: 520x350px.
Grafika poglądowa baneru
2. Landing Page po zalogowaniu/Sklep - Baner 1 (główny)
Widoczny dla użytkownika niezalogowanego na stronie: katalog produktów oraz na stronie głównej użytkownika zalogowanego.
Rozmiar: 908x350px
Grafika poglądowa baneru
Sposób działania:
Przy zmianie rozdzielczości na mniejszą niż 768px, następuje zmiana banera z wersji desktopowej na mobilną, o wymiarach 520x350px
Grafika poglądowa baneru
3. Landing Page po zalogowaniu/Sklep - Baner 2 (lewy)
Widoczny dla użytkownika niezalogowanego na stronie: katalog produktów oraz na stronie głównej użytkownika zalogowanego.
Rozmiar: 908x200px
Grafika poglądowa baneru
Sposób działania:
Przy dodaniu więcej niż jednego banera do grupy, platforma zmienia wyświetlany baner co odświeżenie strony. Na mniejszych rozdzielczościach baner skaluje się, zachowując swoje proporcje. Elementy na banerze takie jak treści czy buttony, powinny być sprawdzone na wersji mobilnej pod kątem swojej czytelności.
4. Landing Page po zalogowaniu/Sklep - Baner 3 (pod promocjami)
Widoczny dla użytkownika niezalogowanego na stronie: katalog produktów oraz na stronie głównej użytkownika zalogowanego.
Rozmiar: 908x200px
Grafika poglądowa baneru
Sposób działania:
Przy dodaniu więcej niż jednego banera do grupy, platforma zmienia wyświetlany baner co odświeżenie strony. Na mniejszych rozdzielczościach baner skaluje się, zachowując swoje proporcje. Elementy na banerze takie jak treści czy buttony, powinny być sprawdzone na wersji mobilnej pod kątem swojej czytelności.
5. Landing Page po zalogowaniu/Sklep - Baner 4 (dolny)
Grupa trzech banerów widocznych dla użytkownika niezalogowanego na stronie: katalog produktów oraz na stronie głównej użytkownika zalogowanego.
Rozmiar: 578x290px
Grafika poglądowa baneru
Sposób działania:
Na wersji desktopowej banery wyświetlane są w linii poziomej, ponadto są wyświetlane w wersji zeskalowanej w szerokości ok. 290px . Elementy na banerze takie jak treści czy buttony, powinny być sprawdzone pod kątem swojej czytelności.
Na wersji mobilnej banery wyświetlane są jeden pod drugim zachowując swój pierwotny rozmiar.