Na czym polega projektowanie strony internetowej
Dobrze zaprojektowana strona odpowiada na trzy pytania odwiedzającego: czy jestem we właściwym miejscu, czy ta firma rozwiąże mój problem i jak się z nią skontaktować. Grafika jest ważna, ale to układ treści i kolejność informacji decydują, czy klient wyśle zapytanie.
Najpierw struktura, potem wygląd
Kolory i zdjęcia łatwo zmienić. Źle zaplanowane menu, brak potrzebnych podstron albo ukryty formularz kontaktowy trudno poprawić bez przebudowy strony.
Dlatego projekt zaczyna się od celów firmy i potrzeb klientów, a dopiero na końcu przechodzi do wyglądu. Więcej o różnicy między doświadczeniem użytkownika a samym interfejsem przeczytasz w tekście UX – co to jest.
Etapy projektowania strony www
Rozmowa i brief
Poznajemy firmę, ofertę i klientów. Ustalamy, co strona ma przynosić: zapytania ofertowe, telefony, zapisy czy rekrutację.
Analiza
Sprawdzamy, o co pytają klienci, jak wyglądają strony konkurencji i jakie frazy wpisują osoby szukające Twoich usług.
Mapa strony
Powstaje lista podstron i menu: oferta, realizacje, o firmie, kontakt, czasem strony dla poszczególnych branż lub usług.
Makiety
Szare schematy pokazują układ każdej podstrony – najpierw na telefonie, potem na komputerze. Na tym etapie zmiany są najtańsze.
Treści
Teksty pisane pod pytania klientów i pod wyszukiwarki. Treść powstaje przed projektem graficznym, żeby projekt pasował do niej, a nie odwrotnie.
Projekt graficzny
Makiety dostają kolory, typografię, zdjęcia i ikony zgodne z marką. Akceptujesz projekt strony głównej i kluczowych podstron.
Wdrożenie i testy
Programujemy stronę w naszym CMS-ie, sprawdzamy ją na telefonach i komputerach, ustawiamy formularze i przekierowania, a potem uruchamiamy.
Kolejność etapów chroni budżet. Poprawka w makiecie jest szybka, a ta sama zmiana po zaprogramowaniu strony bywa wielokrotnie bardziej pracochłonna.
Co dostajesz i co akceptujesz na każdym etapie
| Etap | Co dostajesz | Twoja rola |
|---|---|---|
| Brief i analiza | podsumowanie celów, odbiorców i konkurencji | informacje o firmie i klientach |
| Mapa strony | lista podstron i menu | akceptacja zakresu |
| Makiety | układ podstron na telefonie i komputerze | uwagi do kolejności i zakresu treści |
| Treści | teksty podstron | sprawdzenie faktów, cen i nazw usług |
| Projekt graficzny | wygląd strony głównej i kluczowych podstron | akceptacja przed programowaniem |
| Wdrożenie | działająca strona i dostęp do panelu | test formularzy i ostatnie poprawki |
Najwięcej zależy od Twojego udziału na początku. Im lepiej opiszesz klientów i najczęstsze pytania, tym mniej poprawek pojawi się na etapie projektu graficznego.
Wersja mobilna i UX: o czym decydujesz przy projekcie
W wielu branżach duża część odwiedzających trafia na stronę z telefonu, dlatego wersję mobilną projektuje się od początku, a nie dopasowuje na końcu. Przy makietach warto zdecydować o kilku sprawach:
- co widać na pierwszym ekranie telefonu – nazwa usługi, krótka obietnica i przycisk kontaktu,
- czy numer telefonu da się kliknąć, a formularz ma tylko niezbędne pola,
- jak działa menu i czy najważniejsze podstrony są w nim od razu widoczne,
- gdzie pokazać realizacje, opinie i ceny „od”, które budują zaufanie,
- czy tekst da się czytać bez powiększania, a przyciski łatwo trafić palcem.
Jak sprawdzić, czy obecna strona dobrze działa na telefonie, opisujemy w tekście o responsywnej stronie internetowej. Elementy, które najbardziej wpływają na liczbę zapytań, zebraliśmy w artykule o konwersji strony firmowej.
Szablon czy projekt indywidualny
Gotowy szablon
- szybki start i niższy koszt,
- układ dopasowany do szablonu, nie do oferty,
- podobny wygląd do wielu innych stron,
- wtyczki do aktualizowania.
Projekt indywidualny
- struktura zaplanowana pod Twoich klientów,
- wygląd zgodny z marką,
- tylko te funkcje, które są potrzebne,
- łatwiejsza rozbudowa o nowe sekcje.
Szablon może wystarczyć na start małej działalności. Gdy strona ma przynosić zapytania od firm, projekt indywidualny łatwiej dopasować do oferty i klientów. Porównanie technologii znajdziesz w tekście WordPress czy własny CMS.
Ile trwa i ile kosztuje projekt strony firmowej
Projekt i wdrożenie strony firmowej trwa w Iguana Studio zwykle 4–6 tygodni, a ceny stron zaczynają się od 5 900 zł netto. Na koszt wpływa przede wszystkim liczba podstron, zakres treści i funkcje, np. wersja językowa czy integracja z systemem firmy. Szczegóły opisujemy w tekście ile kosztuje strona internetowa.
Strony projektujemy od 2005 roku dla firm z 37 branż. Każda dostaje 12 miesięcy gwarancji i działa na serwerze klienta. Zakres usługi opisujemy na stronie tworzenie stron internetowych, a przykłady projektów – w realizacjach.
