Blog

Jak powstają strony www

Tworzenie stron internetowych to wbrew pozorom przedsięwzięcie czasochłonne i wymagające. Właściwie cały proces tworzenia możemy podzielić na sześć podstawowych etapów, bez przejścia których, jak ośmielę się stwierdzić, produkt końcowy można uznać za niepełnowartościowy.

Etapy tworzenia strony

 

Analiza

Zanim rzucimy się w wir pracy koncepcyjnej musimy poznać charakterystykę, otoczenie
i potrzeby naszego klienta (marki, której internetowy wizerunek opracujemy). Niezwykle ważne są dla nas informacje na temat specyfiki marki, jej cech charakterystycznych, misji, celów i grupy docelowej a także najważniejszej konkurencji.

Żeby zachować spójność prezentacji marki musimy poznać jej wizerunek, istniejącą identyfikację wizualną.  Aby stworzona przez nas strona internetowa była efektywna musimy znać jej odbiorców, wiedzieć jak korzystają z internetu i wczuć się w ich role.

Projekt architektury informacji

Strona internetowa to nic innego jak nośnik informacji, które muszą być zaprezentowane użytkownikowi w możliwie najlepiej przyswajalny sposób. 

Dobra strona internetowa to dobrze zaprojektowany budynek, którego rozkład pomieszczeń umożliwia odwiedzającemu sprawne dotarcie do poszukiwanych przez niego informacji. W takim budynku użytkownik nie błądzi, nie czuje się zagubiony. Dobrze rozplanowane wnętrza strony internetowej to efekt odpowiedzialnego podejścia do architektury informacji.

Projektując pod kątem architektury informacji definiujemy zawartość strony internetowej, łączymy jej części składowe w odpowiednie grupy tematyczne, tworzymy sieć połączeń między poszczególnymi podstronami
i opracowujemy najbardziej optymalną nawigację.

Projekt funkcjonalny

Ten etap możemy porównać do układania klocków. Projektując funkcjonalność strony opracowujemy jej makiety. Tym sposobem określamy jak będzie prezentowana zawartość, gdzie będą położone elementy składowe i jaka będzie ich funkcja.

Makiety to nie tylko idealny punkt wyjścia do pracy dla grafika ale także najlepszy sposób na zaprezentowanie klientowi przyszłego kształtu strony i rozwianie wszelkich wątpliwości co do jej funkcjonowania. Na tym etapie wprowadzanie zmian wiąże się z mniejszym nakładem pracy niż w przypadku projektu graficznego czy wdrożenia.

Projekt graficzny

Kiedy, wspólnie z klientem, ustalimy ostateczny kształt strony przechodzimy do „ubierania” go w szatę graficzną. Na tym etapie wykorzystujemy otrzymane wcześniej informacje na temat wizerunku marki i materiały otrzymane od klienta.

W pierwszej kolejności tworzymy projekt strony głównej, który pozwoli przedstawić klientowi ogólną stylistykę witryny, tzw. „look”. Po jego zaakceptowaniu przechodzimy do projektowania pozostałych podstron.

Realizacja

Po zakończeniu prac nad projektem graficznym przechodzimy do realizacji. Działanie zaczynamy od instalacji i konfiguracji systemu CMS, budujemy szkielet przyszłej strony internetowej urzeczywistniając jej funkcjonalność. Kolejny krok to cięcie i kodowanie projektu graficznego oraz wdrożenie go do istniejącego już silnika.

W wielu przypadkach na tym etapie uzupełniamy również stronę o treści „początkowe” przekazane przez klienta.

Testowanie

Podczas testowania sprawdzamy czy strona wyświetla się w różnych przeglądarkach poprawnie, oraz czy wszystkie elementy interaktywne działają jak należy, a także udoskonalamy to co mogłoby działać lepiej :)

 

Przekazanie strony klientowi

Skończona i przetestowana strona internetowa zostaje w całości przeniesiona na serwer docelowy.
Ostatni etap to przeszkolenie klienta w obsłudze systemu CMS aby bez problemu mógł zarządzać własną stroną internetową.

W przypadku bardziej rozbudowanych stron internetowych, do których zaliczają się sklepy, duże serwisy czy aplikacje internetowe etapów projektowania może być dużo więcej. Wtedy również testowanie odbywa się na innych zasadach ale o tym kiedy indziej!

 


Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

*

Możesz użyć następujących tagów oraz atrybutów HTML-a: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>