Czwarty krok zmiany gdaq.pl – przygotowanie prototypu witryny

Kolejna rzecz za jaką się wziąłem to przygotowanie do tworzenia strony internetowej.

To od czego zacząłem to otworzenie dokumentu tekstowego i stworzenie struktury menu strony. Aby przygotować taką strukturę należy spisać wszystko co chcemy, aby pojawiło się na naszej stronie i podzielić na zakładki tematyczne, które będą elementami w menu. Proszę pamiętać, aby nazwy te były krótkie, zwięzłe i rzeczowe. Nie starajmy się także na siłę tworzyć zakładek w menu, ma ono być proste, intuicyjne i pomocne dla internautów. Marek Kasperski w książce ?Projektowanie stron www. Użyteczność w praktyce? proponuje, aby elementy te wydrukować i rozłożyć przed sobą, a następnie przyporządkować podkategorie do kategorii głównych.

Struktura menu na mojej stronie będzie wyglądać następująco:

O nas
- o firmie
- lista klientów
- referencje
- historia firmy

Usługi
- usługi hostingowe
- projektowanie stron www
- projektowanie banerów

(wkrótce także pozycjonowanie)

Cennik

Portfolio
- Strony internetowe
- Banery

(wkrótce także pozycjonowanie)

Kontakt

Te elementy uznałem za najważniejsze. Jako, że blog jest dla mnie dość ważnym elementem kreowania wizerunki firmy bardzo możliwe, że pojawi się jeszcze w menu lub na stronie głównej.

Kolejną rzeczą jaką wykonałem to przygotowałem szkic, makietę strony głównej i podstron witryny. Tu także proponuję spisać sobie wszystkie elementy, które chcemy, aby znalazły się na stronie i przemyśleć, które z nich są tak ważne, żeby były na głównej. Początkowo u mnie na stronie głównej znalazły się następujące elementy:

1. Logo firmy
2. Menu narzędziowe
3. Menu główne
4. Wybrana praca z portfolio
5. Moje zdjęcie + button do otwarzania nagrania audio
6. Dane kontaktowe
7. Informacje z bloga
8. Formularz newslettera
9. Aktualności
10. Informacja o nas
11. Informacja o CMSie
12. Loga naszych klientów
13. Formularz zapytania ofertowego
14. Informacje o naszych usługach
15. Menu w stopce

Trzeba przyznać, że jak na prostą stronę firmową pojawiło się tu bardzo dużo elementów. Poniżej screen z makiety witryny.

Strona główna powinna zawierać jak najmniej elementów odwracających uwagę od NOA (najbardziej oczekiwanej akcji). To co nas interesuje to, żeby klient zadzwonił, lub wysłał do nas e-mail. Patrząc na to jak ja szukam firm do zlecenia usług i jak moi klienci to robią okazało się, że najważniejsze jest: portfolio, referencje oraz cennik. Czasem warto też, żeby było widać, że strona „żyje” np. w formie newsów.

Poniżej zmodyfikowana wersja szkicu witryny.

Jak widać usunąłem kilka zbędnych elementów ze strony głównej jak np. informacje o firmie, formularz newslettera, informacje z bloga. Uważam, że nie są to tak niezbędne elementy, aby klient nie mógł kliknąć w menu, aby odnaleźć te informacje. Dzięki temu jak widzisz na powyższych screenach strona stała się bardziej przejrzysta i czytelna.

Proponuję, abyś także dobrze przemyślał jakie elementy rzeczywiście są ważne, a jakie mogą znaleźć się w głębi witryny. Wiem, że pokazanie wszystkie na stronie głównej jest bardzo kusząca jednak klient w gęszczu informacji może się zagubić i opuści witrynę.

Jeśli ten artykuł pomógł Ci, masz co do niego jakieś wątpliwości lub pytania „Zostaw komentarz”, a na pewno na niego odpowiem.

Podobne wpisy:

1. Makieta witryny – pierwszy szkic strony W jednym z poprzednich artykułów pt. „Jak z powodzeniem realizować...
2. Trzeci krok zmian gdaq.pl – stworzenie sloganu Następna rzecz jaką należy wykonać to stworzyć slogan firmy. Slogan...
3. Piąty krok zmian gdaq.pl – napisanie tekstów na stronę Następną rzeczą, którą postanowiłem się zająć było napisanie tekstów na...
4. Pierwszy krok zmian gdaq.pl – strategia firmy W związku z tym, że pracuję nad nową odsłoną gdaq.pl...
5. Drugi krok zmian gdaq.pl – stworzenie nowego logo Kolejną rzecz, którą należy zrobić to nowe logo dla mojej...