Krok 1 - Definiowanie wymagań nowej witryny

Zespół projektowy, wraz z właścicielem witryny, precyzuje wymagania wobec nowej strony internetowej. Oczekiwania właściciela powinny uwzględniać oczekiwania potencjonalnego użytkownika serwisu. Trzeba spojrzeć na tworzony projekt z punktu widzienia osoby, która będzie odwiedzać witrynę i spróbować odpowiedzieć na pytania:

• dlaczego taka osoba miałaby odwiedzić naszą stronę internetową,
• jakie znajdzie na niej informacje,
• co będzie mogła z nimi zrobić ? 

Na tym etapie powinniśmy wiedzieć do kogo będzie kierowana strona internetowa, tak by mieć przeciętnego użytkownika witryny przed oczami, podczas kolejnych etapów tworzenia. 

Należy także wyspecyfikować wszystkie techniczne rozwiązania potrzebne do osiągnięcia celu. Np. przewidywaną ilość osób odwiedzających witrynę, tak by w zaleśności od tej liczby przewidzieć odpowiednie rozwiązania serwerowe i wydajnościowe. 

Krok 2 - Definiowanie zawartości witryny

Na tym etapie trzeba ustalić jakiego rodzaju informacje znają się na stronie i jak dużo ich będzie. Należy również zdefiniować, które obszary serwisu będą edytowalne, a w których treści będą umieszczone na stałe. 

• teksty
• materiały graficzne
• fotografie
• elementy do pobrania (.pdf, .doc, .xls, .ppt ...)
• pliki video ( .mov, .flv, .wmv,  .avi, .ogg,    youtube )

Powyższe materiały należy posegregować w odpowiednie kategorie, a plikom należy nadać nazwy, które będą korespondowały z ich zawartością. Jakość i logiczny podział meteriałów w znaczący sposób wpływa na czas wdrożenia serwisu. Jeśli materiały, które będą miały sie znaleźć na stronie internetowej zostaną dobrze posegregowane, to w kolejnym etapie (krok 3) dużo łatwiej można będzie wyznaczyć działy logiczne serwisu.

Rodzaj materiałów ma także wpływ na ruch generowany przez serwis. Jeśli na stronie będą umieszczane duże pliki graficzne czy też filmy, trzeba będzie przewidzieć dla takiej strony inne rozwiązanie hostingowe, niż dla strony gdzie będziemy umieszczać małe teksty z kilkoma zdjęciami. 

Krok 3 - Projektowanie struktury logicznej treści

Struktura logiczna treści to schemat, który pomaga nam ułożyć informacje tak, by były one czytelne dla potencjalnego użytkownika witryny. Właściciel witryny powinien zdecydować o piortytetach działów serwisu. Jeśli najważnejszy z całej strony ma być katalog produktów, czy dział z przetargami, musi to zostać zaznaczone. 

Projekt struktury logicznej treści przedstawia również ścieżki, którymi będzie mógł podążać użytkownik witryny. Projekt przedstawia tylko główne ścieżki, ale nie wyklucza oczywiście możliwości przemieszczania się miedzy treściami strony poprzez linki w treściach serwisu, a także docierania do różnych treści poprzez wyszukiwarkę na stronie. 

Krok 4 - Projektowanie układu logicznego witryny

Projekt układu logicznego witryny jest przeniesieniem struktury treści (krok 3) na konkretne elementy strony internetowej. W zależności od zdefiniowanych w poprzednim kroku priorytetów, wagi poszczególnych elementów muszą one w układzie logicznym witryny zajmować odpowiednią przestrzeń. 

Trzeba znaleźć odpowiednie miejsce na znaki identyfikacyjen instytucji czy organizacji (logotypy), pomieścić istniejące treści, przewidzieć miejsce na treści, które pojawią się w przyszłości, oraz pamiętać o tym by pozostawić wolne przestrzenie, tak by strona mogła "oddychać".

Można również zdefinować tzw. punkty startowe, czyli 3 do 5 najważniejszych rzeczy, dla których użytkownicy będą odwiedzali naszą stronę i przedstawić je w sposób graficzny.

Projekt układu logicznego witryny przygotowywany jest w odcieniach szarości, co pomaga podczas analizy rozmieszczenia oraz zajmowanej przestrzeni elementów strony. Na tym etapie kolory tła czy fontów nie mają znaczenia. Przygotowujemy tylko odpowiednie miejsce dla treści. 

Sztywne, blokowe rozplanowanie przestrzeni nie jest wiążące dla późniejszego projektu graficznego, w którym mogą pojawić się zaokrąglenia i gradienty niwelujące wrażenie układu kolumnowego. 

Trzeba zwrócić uwagę na miejsca projektu, które muszą pomieścić treści dodawane w przyszłości. Projekt musi być "rozciągliwy", a w zależności od pojemności treściowej witryny będzie dłuższy, rzadziej szerszy. 

Krok 5 - Tworzenie projektu graficznego

Aby stworzyć projekt graficzny, projektant powinien zapoznać się z systemem identyfikacji wizualnej firmy, lub w przypadku jego braku, wspólnie z właścicielem witryny dobrać odpowiednie dla konkretnej strony kolory, fonty i inne elementy graficzny (zdjęcia, ikony). 

Następnie ustalone, konkretne elementy graficzne zostają nałożone na projekt układu logicznego witryny (krok 4).

Zazwyczaj strona internetowa powinna posiadać 2 do 3 kolorów  wiodących. Kolory te pojawiają się jako nagłówki, elementy menu, linki w tekście, elementy nawigacyjne. Inne kolory mogą się pojawiać w zdjęciach czy ikonach jednak nie powinny zanadto przytłaczać innych elementów strony. 

Krok 6 - Umieszczanie treści

Gotowy projekt graficzny jest "cięty" na mniejsze elementy, tak by każda ikona czy baner był osobnym plikiem graficznym. Pliki te są następnie układane w funkcjonalną stronę internetową (HTML).  Teksty tymczasowe zastępowane zostają docelowymi informacjami, które mają znaleźć się na stronie. 

Na tym etapie strona zostaje umieszczona na lokalnym  serwerze  wdrożeniowym, gdzie można podglądać jak z godziny na godzinę na stronie pojawia się coraz więcej treści. W zależności od pojemności witryny i jakości materiałów do umieszczenia proces ten może trwać dłużej bądź krócej. Kiedy na stronie będzie już odpowiednia ilość materiałów, można ją przenieść na serwer docelowy i pokazać całemu światu. 

Dowiedz się więcej. Zadzwoń!

Grzegorz Karwaszewski: +48 60 370 95 74, e-mail: gk@strony-internetowe.elblag.pl

Kamil Rogala: +48 60 516 33 99, e-mail: kr@strony-internetowe.elblag.pl