Od pierwszego spotkania z klientem do gotowego produktu
5 etapów przygotowania strony internetowej
Z racji tego, że proces realizacji projektu strony internetowe jest częściowo niewidoczny dla klientów, stworzenie witryny dla zwykłego użytkownika może się wydawać zadaniem nie wymagającym zaangażowania dużego zespołu. W tym materiale szczegółowo przedstawiamy jak w rzeczywistości wygląda przygotowanie strony internetowej oraz na czym polegają poszczególne etapy procesu realizacji.
2. Realizacja projektu nawet na pozór prostej strony internetowej jest
procesem wymagającym przestrzegania wielu aspektów. Warto o
tym wspominać gdyż klienci niekiedy nie mają tego świadomości.
Mnóstwo użytkowników uważa, że ze stworzeniem witryny poradzi
sobie jeden programista, który zakoduje zarówno wygląd, jak i
funkcjonalności. W tym przekonaniu jest tylko część prawdy. Przy
mało wymagających projektach do prac programistycznych
rzeczywiście wystarczy jedna osoba, natomiast cały proces obejmuje
kilka etapów, w których są zaangażowani pracownicy z różnych
działów.
W tym materiale uchylamy rąbek tajemnicy, aby przedstawić proces
realizacji projektu strony internetowej od kuchni. Oczywiście, każdy
klient jest inny, a projekt – unikatowy, dlatego nie we wszystkich
przypadkach ścieżka będzie wyglądać identycznie. Przy realizacji
dużych witryn internetowych, które zawierają wiele funkcjonalności,
proces może się wydłużyć. Jednak każdy projekt sprowadza się do 5
podstawowych etapów.
2
Nazwa produktu
Elementy wizualne
Ocena produktu
i opinie użytkowników
Cena produktu
Dostępność produktu
1
Brief
2
3
4
5
3. BRIEF
W świecie idealnym opracowanie strony internetowej zaczyna się
od briefu, wypełnionego przez klienta na stronie internetowej lub
za pośrednictwem wysłanego przez agencję formularza. Dokument
mieści w sobie ogólne informacje na temat projektu, dzięki czemu
zarówno klientowi, jak i agencji łatwiej jest przygotować się do
pierwszego spotkania. Na podstawie briefu firma sporządza wstępną
ofertę, która jest omawiana i wypełniana większą liczbą szczegółów.
Przygotowanie briefu nie jest obowiązkowe. Klient może nie mieć
jeszcze początkowej wizji projektu, z racji czego nie będzie posiadał
informacji niezbędnych do wypełnienia dokumentu. W przypadku
jego braku agencja może potrzebować dodatkowych spotkań, aby
zawrzeć w specyfikacji wszystkie niezbędne szczegóły.
3
Brief to dokument zawierający pytania i odpowiedzi klienta,
związane z realizacją projektu, takie jak: oczekiwania, przykładowe
strony, szacowane budżet i deadline.
4. 1. SPOTKANIE Z KLIENTEM
Spotkania z klientem są najważniejszym etapem w przygotowaniu
projektu. Podczas nich klient opowiada bardziej szczegółowo, niż było
opisane w briefie, o swoich potrzebach i oczekiwaniach oraz jak
wyobraża sobie końcowy produkt. Natomiast agencja przedstawia
rozwiązania, które będą najlepiej pasować do podanych detali. Na
spotkaniu strony wspólnie omawiają kluczowe kwestie związane
z wyglądem i funkcjonalnościami strony internetowej.
Jeżeli klient nie dostarczy briefu, agencji trudno będzie od razu
podczas pierwszej rozmowy zaproponować dopasowane rozwiązanie,
ponieważ potrzebuje wstępnych informacji czy przykładowych stron
internetowych.
4
5. 2. SPECYFIKACJA
opis zakresu projektu oraz poszczególnych widoków. Agencja może
nawet zawrzeć w specyfikacji przykładowy wygląd strony, aby
przedstawić klientowi swój pomysł.
Dokumentacja powinna obejmować wszystkie funkcjonalności
przyszłej strony internetowej, ponieważ służy jako instrukcja dla
wykonawców projektu. Graficy muszą wiedzieć jakie dokładnie
elementy powinne zawierać poszczególne widoki, a programiści –
jaką funkcję mają pełnić wybrane komponenty strony. Jeżeli klient
życzy sobie wykorzystanie określonych grafik czy kolorystyki
w projekcie strony, umieszcza te wymogi w specyfikacji.
Na podstawie przeprowadzonych
spotkań agencja przygotowuje
specyfikację, która zawiera
wszystkie szczegóły niezbędne
dla grafików i programistów do
realizacji projektu. Jest to ogólna
dokumentacja w której znajduje się
Specyfikacja to zestaw
wymagań technicznych,
które powinno spełniać
oprogramowanie.
5
6. Zespół projektowy musi przestrzegać wszystkich wytycznych
specyfikacji, chociaż jest także elastyczny i uwzględni poprawki
i sugestie klienta, które mogą się pojawić w trakcie realizacji projektu.
Zanim rozpoczną się prace nad projektem, klient powinien
zaakceptować przygotowaną przez firmę specyfikację. Jest to
moment dla wprowadzenia istotnych zmian, ponieważ po starcie
realizacji agencja może nie przyjąć poważniejszych modyfikacji
projektu.
Szczegółowa specyfikacja pozwala project managerowi przydzielić
obowiązki i zadania poszczególnym członkom zespołu projektowego.
Sprecyzowany harmonogram pozwala zarówno agencji, jak
i klientowi zaplanować datę zakończenia projektu. Oczywiście,
gdy podczas realizacji pojawiają się poprawki, deadline może się
przesunąć, co zazwyczaj jest uwzględnione w sprawnie ustalonym
harmonogramie.
6
7. 3. WIDOKI GRAFICZNE
Jest to najbardziej kreatywny etap tworzenia strony internetowej.
Zadaniem grafika jest zaprojektowanie wyglądu strony i każdej
podstrony zgodnie z wytycznymi, zawartymi w specyfikacji.
Ze względu na ustalone wskazówki, takie jak układ strony, elementy
i kolorystyka, grafik przygotowuje widoki, które będą reprezentować
klienta online.
Musi uwzględnić także charakter produktów i usług, które oferuje
klient. Wykorzystując szczegóły umieszczone w specyfikacji, grafik
może pozwolić sobie na oryginalność i zinterpretować dokumentację
tak, aby najlepiej zwizualizować działalność firmy klienta w formie
strony internetowej.
7
8. 4. PRACE PROGRAMISTYCZNE
Po zatwierdzeniu wszystkich widoków strony oraz ewentualnych
poprawek, do projektu przystępują programiści. Powinni oni jak
najdokładniej przełożyć wygląd strony na kod, który determinuje,
jak witryna internetowa będzie wyświetlać się użytkownikom oraz
jakie pełnić funkcję. Zadaniem programistów jest także zadbanie
o to, aby strona ładowała się poprawnie na mniejszych ekranach
urządzeń mobilnych.
Wszystkie strony internetowe składają się z dwóch części: front-end
(odpowiada za wygląd) i back-end (odpowiada za funkcjonalności),
które z zasady są realizowane oddzielne, lecz nie jest to jedyna opcja.
Na przykład w przypadku rozbudowanych stron internetowych
jednoczesne programowanie obu części pozwala zaoszczędzić dużo
czasu podczas realizacji.
Następnie programiści implementują system CMS, pozwalający na
zarządzanie treścią, która znajduje się na stronie. Większość agencji
posiada własne rozwiązania, które dostosowuje do potrzeb klientów.
Jednak nie każda strona musi mieć CMS. Jeżeli witryna zawiera
jedynie statyczne treści oraz nie publikuje żadnych aktualizacji,
to implementacja systemu, który nie będzie używany, tylko zabierze
niepotrzebnie czas prac programistycznych.
Do obowiązków programistów zalicza się także testowanie
oprogramowania, dzięki czemu agencja może wyłapać drobne błędy
w kodzie i sprawić, że wszystkie elementy wyświetlają się i wykonują
swoje funkcje poprawnie.
88
9. 5. ODDANIE PROJEKTU
Zaakceptowana i przetestowana strona internetowa zostaje
uruchomiona na serwerze. Klient dzięki dostępowi do systemu CMS
uzupełnia na stronie treści, które mają na celu przyciągnięcie uwagi
użytkowników i przekazywanie określonych informacji.
Warto zauważyć, że po oddaniu strony pracy nad nią się nie kończą.
Witryna internetowa wymaga ciągłego utrzymania i aktualizacji.
Klient może we własnym zakresie zapełnić integrację z mediami
społecznościowymi lub zatrudnić do tego zewnętrzną agencję.
Tak czy inaczej zakończenie realizacji projektu oznacza rozpoczęcie
kolejnych etapów promocji i rozwoju strony.
89
10. Wbrew pozorom, stworzenie strony internetowej to niekiedy długi i
skomplikowany proces, który angażuje nie tylko programistów, ale
także grafików, project managerów oraz copywriterów. Dla realizacji
witryny potrzebujesz specjalistów, którzy dzięki swojemu
doświadczeniu i kreatywności stworzą gotowy produkt, który
przedstawi Twoją firmę użytkownikom w najbardziej odpowiedni
sposób
810
POWIERZ SWOJĄ STRONĘ
INTERNETOWĄ EKSPERTOM
https://bit.ly/2pbR5BR
11. strony i portale internetowe
systemy dedykowane
sklepy b2b/b2c
projektowanie graficzne
www.moonbite.pl
kontakt@moonbite.pl