Nagłówek strony: logo oraz menu. Ten pasek może wyświetlać się podczas przewijania strony w dół (przyklejony nagłówek), bądź chować, kiedy schodzimy w dół strony. Układ menu na wielu motywach jest elastyczny (np. wyśrodkowane, do lewej, prawej strony, z logo pośrodku).
Nagłówek strony dla mobilnych: logo oraz pasek menu w formie "hamburgera"
Nagłówek strony dla mobilnych: logo oraz pasek menu w formie "hamburgera"
Elementy strony internetowej
Jeśli poszukujesz inspiracji lub nie wiesz, jakie elementy powinna zawierać twoja strona, przejrzyj poniższy schemat. Przedstawione tu formy i bloki, można wykorzystać do budowy strony w dowolnej konfiguracji i dostosować do stylu danej strony. Zawartość poszczególnych bloków, treści, fonty, kolory, rozmiar, podlegają modyfikacjom zgodnie z oczekiwaniami Klienta.
Część sekcji może nieco inaczej wyglądać na urządzeniach mobilnych.
UWAGA! Poniższą zawartość najlepiej obejrzeć na monitorze komputera, a następnie na urządzeniach mobilnych, aby sprawdzić efekt responsywności.
Nagłówek strony: logo oraz menu
Slajd lub zdjęcie otwierające stronę główną
Call to action (hasło z przyciskiem czyli linkiem (np. do oferty, rezerwacji...))
Motto Twojej Strony
Zachęta do sprawdzenia oferty lub kontaktu
Media społecznościowe mogą znaleźć się w nagłówku strony, jak również w innych lokalizacjach
Można zastosować jedno efektowne zdjęcie, slajd, film lub grafikę. Ważne, aby to był element reprezentacyjny, dobrej jakości, z ciekawą treścią oddającą charakter i przesłanie strony. Warto zadbać o krótkie, treściwe hasło.
Slajd lub zdjęcie otwierające stronę główną. Można zastosować jedno efektowne zdjęcie, slajd, film lub grafikę. Na mobilne potrzebny jest kadr o orientacji pionowej.
Ważne, aby to był element reprezentacyjny, dobrej jakości, z ciekawą treścią oddającą charakter i przesłanie strony. Warto zadbać o krótkie, treściwe hasło.
Call to action (hasło z przyciskiem czyli linkiem (np. do oferty, rezerwacji...))
(zawartość przykładowa)
Features czyli bloki prezentujące np. obszary działalności
Features czyli bloki prezentujące np. obszary działalności
Credit Card Processing
Use our secure PCI - compliant flat-rare card processing service or bring
Inventory Management
Use our secure PCI - compliant flat-rare card processing service or bring
Actionable Analytics
Use our secure PCI - compliant flat-rare card processing service or bring
Ikonki własne lub z biblioteki motywu. W zwięzły sposób prezentujemy ofertę lub mocne strony działalności.
Ikonki własne lub z biblioteki motywu. W zwięzły sposób prezentujemy ofertę lub mocne strony działalności.
Features czyli bloki prezentujące np. obszary działalności
Bloki z animacją
Credit Card Processing
Use our secure PCI - compliant flat-rare card processing service or bring
Inventory Management
Use our secure PCI - compliant flat-rare card processing service or bring
Actionable Analytics
Use our secure PCI - compliant flat-rare card processing service or bring
Tego typu elementy można modyfikować na wiele sposobów. Można wprowadzać również animacje, które ożywiają stronę.
Hero czyli blok wprowadzający w szersze zagadnienie - z linkiem do obszerniejszej prezentacji tematu
Hero czyli blok wprowadzający w szersze zagadnienie - z linkiem do obszerniejszej prezentacji tematu
Coś specjalnego
Atrakcyjna
treść, materiał filmowy...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Materiał dźwiękowy lub filmowy (źródło np. w chmurze lub na You Tube)
Materiał dźwiękowy lub filmowy (źródło np. w chmurze lub na You Tube)
Pasek logotypów (np. partnerów lub klientów)
Pasek logotypów (np. partnerów lub klientów)
Nasi klienci
(zawartość przykładowa)
Logotypy mogą przesuwać się w pętli
Licznik obrazujący dorobek, osiągnięcia, możliwości...
Licznik obrazujący dorobek, osiągnięcia, możliwości...
Statystyki
(zawartość przykładowa)
1
%
Support
1
%
Design
1
%
Support
Graphic Design
45%
UI / UX
90%
Web Design
62%
Liczby mogą przewijać się lub graficznie ilustrować wartości (animacja)
Liczby mogą przewijać się lub graficznie ilustrować wartości (animacja)
Galeria obrazów w formie karuzeli.
Galeria obrazów w formie mozaiki
GALERIE ZDJĘć
Poprzednie
Następne
Kot rasowy. Zdjęcie z mojego archiwum
Mój pies Bari. Zdjęcie z mojego archiwum
Po kliknięciu w obrazek na karuzeli wyświetla się on w pełnym rozmiarze.
Po kliknięciu w wybrany obrazek wyświelta się on w pełnym rozmiarze.
Frequently Asked Questions - najczęstsze pytania
Frequently Asked Questions - najczęstsze pytania
Najczęstsze pytania
FAQ
(zawartość przykładowa)
Yes you can edit every single element.
Yes, these files are fully layered.
Click on the mask and click “B” for brush tool.
You will need Photoshop preferably version CS6 and newer.
Forma udzielenia ważnych informacji klientom (np. dotyczących usługi czy oferty), aby oszczędzić im czasu na dodatkowe telefony i korespondencję
Portfolio prac lub galeria najnowszych wpisów
Najnowsze wpisy
(zawartość przykładowa)
Kliknięcie rozwija tekst. Forma udzielenia ważnych informacji klientom (np. dotyczących usługi czy oferty), aby oszczędzić im czasu na dodatkowe telefony i korespondencję
Portfolio prac lub galeria najnowszych wpisów
SZTUKA
Projekty
USŁUGI
Fotografia
SZTUKA
Projekty
Na wiele sposobów można prezentować najnowsze elementy z archiwum portfolio lub wpisy z bloga. Mogą pojawiać się w formie karuzeli, siatki, z obrazkiem wyróżniającym, z zajawką treści itp.
Prezentacja zespołu
Prezentacja zespołu
ZESPÓŁ
(zawartość przykładowa)
Można zaprezentować każdego pracownika osobno lub np. cały zespół objąć jednym opisem
Sekcja kontakt - obowiązkowa na każdej stronie!
Sekcja kontakt - obowiązkowa na każdej stronie!
Lokalizacja
Adres: Jeśli nie jest to home office 🙂
Dane kontaktowe
telefon +48 669073447
Email: kontakt@dobrastronanet.pl
Media społecznościowe
Kontakt
[contact-form-7 id="547" title="Formularz 1"]
