Tym razem poruszymy kwestię jaką często tłumaczymy klientom - kwestię najlepszej, naszym zdaniem, kolejności wykonywania prac przy budowaniu strony internetowej. Zastrzegamy, że nie przypisujemy sobie prawa do pouczania innych. Sposobów budowania strony internetowej jest wiele, a każda droga dotarcia do celu jest dobra jeśli spełnione są dwa podstawowe warunki:

  1. Finalna strona www spełnia oczekiwania klienta
  2. Budowa strony internetowej jest przyjemnością dla każdej ze stron

Opisany poniżej plan, zawsze rekomendujemy naszym klientom. Gwarantuje on spełnienie wymienionych wyżej warunków, Klientowi pomaga zrozumieć czym będzie dla niego jego strona internetowa, a nam pozwala przeprowadzić proces sprawnie i w miłej atmosferze.


Pomyśl co chcesz powiedzieć światu poprzez swoją stronę internetową?

To ważny etap, nie należy się tu zbytnio spieszyć. Określenie celu strony internetowej, jaki ma ona spełniać pozwala od samego początku odpowiednio wybrać i ustawić azymut, jakim będziemy się kierować w dalszych pracach.


Dobrze jest też, zapisać ten cel w widocznym dla siebie miejscu, oraz przekazać go firmie realizującej nam stronę www.

Każda osoba zaangażowana w realizację projektu powinna znać cel do jakiego dąży.

Jaką drogą pójść i co nasza strona ma osiągnąć po realizacji?

Wymyśl jak chcesz się pokazać?

Nie to jeszcze nie moment na wymyślanie jak strona internetowa będzie wyglądać. Na razie nie należy w ogóle zastanawiać się nad finalnym wyglądem strony internetowej. To co często umyka Klientom to świadomość, że strona internetowa to głównie treści. Użyte obrazki, ogólny wygląd strony, to rzeczy ważne, ale i tak nie zatrzymamy nikogo na naszej stronie, jeśli nie zainteresujemy go treściami jakie na niej prezentujemy.


Na tym etapie zwykle, ustalamy z Klientem jak będzie wyglądało menu strony oraz co na każdej podstronie będzie opisane.

Zespół pracujący nad koncepcją strony www

Napisz teksty.

Mając określony cel, jaki chcemy osiągnąć i mapę strony, możemy przejść do tworzenia tekstów. Jak widzisz, nadal jeszcze nawet przez chwilę nie pomyśleliśmy jak nasza strona będzie wyglądała. Jak już pisałem, strona www to treści jakie na niej prezentujemy. Wyszukiwarka google indeksuje w swoich bazach to co napiszemy a nie to jak strona www wygląda.


Prawdziwą wartością naszej strony www są treści jakie na niej prezentujemy. To one przyciągają uwagę i sprawiają, że użytkownik nas zapamiętuje.

To, z czym często borykają się nasi Klienci na tym etapie, to zwalczenie chęci jak najszybszego zobaczenia wyglądu swojej strony internetowej jeszcze przed napisaniem tekstów jakie będą na niej prezentowane. W pełni to rozumiemy, sami też nie możemy się tego doczekać :). Niemniej, ustalenie treści zanim zaczniemy budować wygląd strony daje nam szereg wymiernych korzyści, co wielokrotnie potwierdziliśmy podczas realizacji projektów z naszymi Klientami. Przede wszystkim, zyskujemy to że:

  • Łatwiej nam zrozumieć specyfikę branży, dla której przygotowujemy stronę
  • Jesteśmy w stanie szybciej przygotować siatkę strony i przesłać ją do grafika
  • Mamy możliwość weryfikacji - już na tym etapie - jakie funkcjonalności mogą być potrzebne do zaprogramowania na stronie www Klienta. Niejednokrotnie funkcjonalności techniczne wynikają wprost z treści jakie są prezentowane na witrynie internetowej.
Klient nie mogący się doczekać jak będzie wyglądała jego strona

Wskazówki jak dobrze napisać teksty na swoją stronę internetową niedługo przygotujemy i umieścimy na naszej stronie www. Jeśli chcesz dowiedzieć się o tym, zachęcamy do zapisania się do naszego newslettera, lub odwiedzenia nas za jakiś czas.

Wybór czy pisać teksty samemu, czy zlecić to nam, zawsze pozostawiamy Klientom, bez żadnych nacisków z naszej strony. Zawsze też, zanim umieścimy treści na stronie są one:

  • w przypadku dostarczenia nam treści przez Klienta, weryfikowane pod kątem ich atrakcyjności dla internautów oraz jakości dla przeglądarki Google.
  • w przypadku pisania przez nas, akceptowane przez Klienta.

Jak widać, sporą część wpisu poświęciliśmy treściom na stronie internetowej. Dlaczego? Dlatego że to jest najważniejsza jej część. Nawet jeśli mówimy o produktowych stronach sprzedających jakiś produkt lub usługę (tzw. landing page), gdzie choć treści jest niewiele, musi być ona trafna i przyciągająca uwagę... co ciekawe niekoniecznie już tylko tak zwany "język korzyści" :)

Mając treści możemy przejść do kolejnego etapu.

Briefing.

Nie ma wyraźnej granicy pomiędzy poszczególnymi krokami. Briefing z klientem wykonywany jest przeważnie po opracowaniu treści lub samej tylko koncepcji treści strony głównej. Ponieważ to jest najważniejsza część naszej strony www, prezentowana na niej treść, musi odzwierciedlać to co jest dla nas i naszych klientów istotne.

Podczas spotkania z Klientem na tym etapie ustalane są szczegóły jakie później dostaje grafik w celu przygotowania wyglądu strony. To jaka zostanie użyta kolorystyka, jakie elementy strony zostaną zaakcentowane, jakie elementy będą projektowane... to wszystko zależy od tego co zostanie ustalone z Klientem na etapie briefingu.

Istotnym elementem dla nas jako firmy realizującej stronę dla Klienta jest zrobienie, przed spotkaniem, analizy rynku i konkurencji weryfikując jej słabe i mocne strony. Różne branże mają różne wymagania, jako firma informatyczna, wiemy jakie są ogólne zasady projektowania stron internetowych, warto jednak przed rozpoczęciem prac poznać konkretny rynek i "wczuć" się w niego.

Uzbrojeni w wiedzę o:

  • innych stronach z danej branży
  • treści strony głównej

spotykamy się z klientem (lub w przypadku większych odległości realizujemy telekonferencję) i wypełniamy dokument briefu Klienta. Dokument ten to główne wytyczne, których trzymamy się przy realizacji dalszych prac.

Briefing z klientem

Siatka strony.

O tym czym jest siatka strony piszemy na stronie: Czym jest siatka strony (Grid)?.

Mając treści jakie będą prezentowane na stronie, możemy przygotować odpowiednie ich rozmieszczenie

Uwaga! Krok ten możemy pominąć, jeśli zdecydujemy się na budowę strony internetowej korzystając z gotowego już szablonu. Szablonów stron jest dużo w Internecie (także darmowych), choć w Santri preferujemy projektowanie indywidualnych stron uwzględniających potrzeby Klienta to w żadnym razie nie negujemy takiego podejścia.

Wybór szablonu obniża koszt realizacji strony internetowej, choć trzeba pamiętać, że narzuca pewne ograniczenia, które mogą być kłopotliwe przy pokazywaniu przygotowanej treści strony.

Budowa siatki strony internetowej to jak rysowanie szkicu rozmieszczenia mebli w pokoju przy przeprowadzce. Teoretycznie można się bez tego obejść a przewiezione meble ustawiać tak jak "na oko" wydaje nam się najlepiej, w praktyce jednak, przy takim podejściu tracimy możliwość znalezienia lepszego rozplanowania umeblowania pokoju.

Rysując siatkę strony możemy zobaczyć jak, przygotowana wcześniej treść rozkłada się na niej, gdzie są ewentualne braki, co może być w przyszłości kłopotliwe i mało elastyczne. Próbując różne rozwiązania łatwo znaleźć ideał odpowiadający potrzebom Klientów odwiedzających naszą stronę www.

Przykłady siatki strony www

Prace graficzne.

Jak widać dopiero w tym momencie uruchamiany jest grafik. Uważamy, że dopiero w tym momencie de facto możliwe jest stworzenie strony, która faktycznie odpowiada potrzebom naszego Klienta i potrzebom osób, które będą wchodziły na stronę Internetową.

Każde inne podejście - w szczególności podejście gdzie klientowi przedstawiany jest wygląd strony bazując na informacji o menu jakie strona będzie posiadała - uważamy za szkodliwe. Przy takim podejściu, gdzie grafik zaczyna prace od razu a briefing ogranicza się do pytania o ulubiony kolor Klienta, trzeba się liczyć z tym, że finalny efekt, choć może być ładny i estetyczny, nie będzie działał.

Budowanie stron www jest jak budowanie domów. Bez odpowiednich prac przygotowawczych wszystkie nasze strony są "takie same" nie realizują też powierzonego jej celu sprzedażowego, promocyjnego czy informacyjnego.

Grafik, po przygotowaniu wyglądu strony (eng. layoutu) wprowadza poprawki jeśli są konieczne. Klient decyduje czy proponowany wygląd strony odpowiada jego potrzebom i czy widząc stronę czuje, że to ładna strona, która podoba mu się dziś, będzie się podobać jutro i w przyszłości.

Przykłady siatki strony www

Prace programistyczne.

Programowanie, strony www, aplikacje Internetowe

Z punktu widzenia Klienta to najnudniejszy okres pracy nad stroną internetową. Z naszego zaś jest to etap wytężonej pracy. Przede wszystkim określamy mechanizmy prezentowania treści jakie będą potrzebne do zaimplementowania na stronie. Tutaj przydaje się nasza wiedza i doświadczenie oraz ciągłe przeszukiwanie internetu w poszukiwaniu nowinek technologicznych.

Wiedząc co będzie potrzebne, wybieramy odpowiednie środowisko programistyczne i programujemy stronę tak, żeby finalny efekt spełniał wymagania Klienta zarówno od strony estetycznej jak i funkcjonalnej - zarządzania treścią strony.

Testy.

Po zakończeniu prac przychodzi najważniejszy moment... testy. Uwzględniając obecną mnogość różnych systemów operacyjnych, przeglądarek oraz to że strony są responsywne (więcej o responsywności znajdą państwo we wpisie RWD - Responsive Web Design) testowanie jej wyglądu i działania to konieczność, której nie można zlekceważyć.

Dopiero po zakończeniu wszystkich tych etapów możemy cieszyć się własną stroną internetową. Możemy się nią cieszyć bo wiemy, że to strona, która:

  • Podoba się nam.
  • Nasi Klienci mają te informacje, których szukają.
  • Niezależnie od komputera, każdemu nasza strona wyświetla się prawidłowo.
Strona www - koniec prac