Projektowanie stron internetowych z planem, harmonogramem i prawami do projektu

Projektowanie stron internetowych (web design) to etap, w którym decyduje się, z jakich podstron będzie się składać strona, co znajdzie się na każdej z nich, w jakiej kolejności i jak to będzie wyglądać na komputerze i telefonie. Efektem jest projekt: zestaw makiet i ekranów graficznych, według którego programista albo wdrożeniowiec buduje działającą witrynę. Dobrze zrobiony projekt odpowiada na trzy pytania: kto wchodzi na stronę, czego szuka i co ma zrobić, zanim wyjdzie.

W rozmowach z klientami często słyszymy, że „projekt to wygląd”. Wygląd jest ważny, ale to ostatnia warstwa. Pod nią leżą architektura informacji (mapa podstron i menu), makiety (szkielet każdego typu strony bez kolorów i zdjęć) oraz treść, która musi się w tym szkielecie zmieścić. Jeśli te warstwy zostaną pominięte, powstaje strona ładna na zrzucie ekranu, ale niejasna dla klienta, który przyszedł z Google z konkretnym pytaniem.

Projektowanie stron www różni się od samego tworzenia stron tym, że kończy się decyzjami i plikami, a nie działającym kodem. Dlatego u nas można zamówić sam projekt graficzny (jeśli masz własnego programistę) albo projekt razem z wdrożeniem. W obu przypadkach etap projektowy jest taki sam i ma te same punkty akceptacji. Szczegółowe porównanie warstw projektu opisaliśmy w poradniku co zawiera projekt strony internetowej.

„Wygląd to ostatnia warstwa projektu. Pod nią leży mapa podstron, makieta i treść.”

Najczęściej dlatego, że została zaprojektowana od wyglądu, a nie od pytań klienta. Strona ma ładny pierwszy ekran, ale nie mówi w pierwszym zdaniu, czym firma się zajmuje, dla kogo jest oferta i jak się skontaktować. Poniżej trzy sytuacje, które widzimy najczęściej, gdy klient prosi o „odświeżenie wyglądu”.

Oferta schowana w jednej zakładce

Typowa strona ma „O nas”, „Ofertę” z listą usług w punktach i „Kontakt”. Klient tymczasem wpisuje w Google konkretne zapytanie, na przykład „remont łazienki pod klucz cena” albo „księgowość dla spółki z o.o.”. Jeśli na stronie nie ma podstrony, która na to odpowiada, nie pomoże żaden kolor ani animacja. Projekt zaczynamy więc od mapy podstron dopasowanej do tego, czego ludzie faktycznie szukają.

Wersja na telefon jako dodatek

Większość wejść na strony firm usługowych pochodzi dziś z telefonów, a wiele projektów nadal powstaje na szerokim ekranie i dopiero na końcu jest „ściskane” do wersji mobilnej. Skutek: numer telefonu ukryty w menu, formularz na dole długiej strony, tabele, których nie da się przeczytać. W naszych projektach wersję mobilną projektujemy równolegle z desktopową i akceptujesz obie.

Brak jednego głównego działania

Strona, która jednocześnie zachęca do zapisu na newsletter, obejrzenia filmu, pobrania katalogu i wypełnienia formularza, w praktyce nie zachęca do niczego. W projekcie ustalamy jedno główne działanie (telefon, formularz, zakup) i jedno pomocnicze, a układ każdej podstrony prowadzi do nich.

Projektujemy strony w pięciu formach, zależnie od tego, co już masz i czego potrzebujesz. Każda karta prowadzi do strony z pełnym zakresem, procesem i odpowiedziami na pytania.

• Projekt graficzny stronyZobacz ofertę
• Projektowanie i tworzenie stronyZobacz ofertę
• Projektowanie sklepów internetowychZobacz ofertę
• Projektowanie stron dla firmZobacz ofertę
• Projektowanie i pozycjonowanieZobacz ofertę
• Cennik projektowania stronZobacz ofertę

Projekt graficzny strony (bez wdrożenia)

Dla firm, które mają programistę albo software house i potrzebują samego projektu: makiet, ekranów desktop i mobile, biblioteki komponentów i specyfikacji do wdrożenia. Szczegóły: projekt graficzny strony internetowej.

Projekt razem z wdrożeniem

Dla firm, które chcą jednego wykonawcę od briefu do publikacji. Projektujemy, wdrażamy na WordPressie lub innym systemie dobranym do potrzeb, testujemy i uruchamiamy stronę. Szczegóły: projektowanie i tworzenie strony od makiety do publikacji.

Strony dla firm usługowych i B2B

Dla gabinetów, kancelarii, firm budowlanych, producentów i firm szkoleniowych, którym strona ma przynosić zapytania. Zaczynamy od struktury oferty i ścieżki do kontaktu. Szczegóły: projektowanie stron dla firm.

Projektowanie sklepów internetowych

Dla sklepów, które chcą poprawić kartę produktu, kategorię, koszyk i ścieżkę zakupu, na gotowej platformie lub na WooCommerce. Szczegóły: projektowanie sklepów www.

Projekt połączony z SEO

Dla firm, które chcą, żeby nowa strona od pierwszego dnia była przygotowana do pozycjonowania, i dla tych, które robią redesign i boją się spadku ruchu. Szczegóły: projektowanie i pozycjonowanie stron.

Po każdym etapie dostajesz konkretny plik albo dokument do akceptacji, dzięki czemu wiesz, za co płacisz, zanim zobaczysz gotową stronę. Tabela poniżej pokazuje typowy przebieg projektu strony firmowej z wdrożeniem. Przy samym projekcie graficznym kończymy na etapie czwartym.

1. 01Bezpłatna wycena

   Wypełniasz formularz z adresem obecnej strony albo krótkim opisem firmy. W ciągu 12 godzin roboczych odpowiadamy z wstępną listą podstron, etapami i wariantem z cennika.

2. 02Rozmowa i brief (30 do 45 minut, online lub telefonicznie)

   Ustalamy cel strony, grupę klientów, najważniejsze usługi lub produkty i jedno główne działanie, do którego ma prowadzić strona.

3. 03Harmonogram i umowa

   Dostajesz dokument z zakresem, terminami etapów, liczbą rund poprawek i ceną. Prawa autorskie i przekazanie plików opisujemy w umowie.

4. 04Architektura i makiety

   Projektujemy mapę podstron i szkielety stron na komputer i telefon. To pierwsza akceptacja: tu ustalamy treść i układ, zanim pojawi się grafika.

5. 05Projekt graficzny

   Na zaakceptowanych makietach budujemy pełną warstwę wizualną zgodną z Twoją marką. Druga akceptacja.

6. 06Wdrożenie lub przekazanie

   Wdrażamy stronę i testujemy ją na urządzeniach albo przekazujemy pliki i specyfikację Twojemu programiście.

7. 07Publikacja i odbiór

   Uruchamiamy stronę, ustawiamy przekierowania i pomiar zapytań, przekazujemy dostępy i pliki źródłowe.

Czasy są typowymi zakresami dla strony do kilkunastu podstron, przy założeniu, że materiały i uwagi przychodzą w ciągu 2 do 3 dni roboczych. Dłuższe przerwy po stronie klienta przesuwają termin, co zapisujemy w harmonogramie.

Pełny opis każdego kroku, czas dla różnych typów stron i obowiązki po Twojej stronie znajdziesz w poradniku jak zaprojektować stronę krok po kroku.

Koszt projektu strony zależy przede wszystkim od liczby typów podstron do zaprojektowania, tego, czy zamawiasz sam projekt, czy także wdrożenie, oraz od zakresu treści i funkcji. Nasze warianty i ich zakres opisujemy w cenniku: cena według cennika (strony od 3 500 zł netto).

• Projekt graficzny

  Dla kogo: Firma z własnym programistą

  Zakres w skrócie: Makiety, UI desktop i mobile, komponenty, specyfikacja

  Wycena zależna od zakresu działań

  Zapytaj o ten wariant

• Strona firmowa: projekt i wdrożenie

  Dla kogo: Firma usługowa, do kilkunastu podstron

  Zakres w skrócie: Brief, makiety, UI, wdrożenie, testy, publikacja

  Wycena zależna od zakresu działań

  Zapytaj o ten wariant

• Rozbudowany serwis

  Dla kogo: Firma B2B, wiele usług lub branż

  Zakres w skrócie: Jak wyżej plus treści, integracje, wielojęzyczność

  Wycena zależna od zakresu działań

  Zapytaj o ten wariant

• Projekt sklepu

  Dla kogo: Sklep na platformie lub WooCommerce

  Zakres w skrócie: Kategoria, karta produktu, koszyk, strony informacyjne

  Wycena zależna od zakresu działań

  Zapytaj o ten wariant

Dla orientacji: według odpowiedzi asystentów AI i cenników publikowanych w sieci typowy rynkowy zakres za prostą stronę wizytówkę to około 1 500 do 4 000 zł netto, a za standardową stronę firmową z kilkoma lub kilkunastoma podstronami około 4 000 do 10 000 zł netto. To zakresy rynkowe, a nie nasz cennik. Szczegóły, czynniki ceny i przykładowe zakresy dla trzech typów firm znajdziesz w cenniku projektowania stron.

Strona zaprojektowana bez myśli o wyszukiwarce zwykle wymaga przebudowy po kilku miesiącach, dlatego decyzje ważne dla SEO podejmujemy już na etapie makiety. Chodzi o to, które usługi dostają osobne podstrony, jakie są nagłówki, jak wyglądają adresy, gdzie stoi treść odpowiadająca na pytania klientów i jak szybko ładuje się pierwszy ekran na telefonie.

To samo dotyczy odpowiedzi asystentów AI, takich jak ChatGPT, Perplexity czy tryb AI w Google. Modele chętnie cytują strony, które w pierwszym zdaniu sekcji odpowiadają na pytanie, podają zakresy, definicje i tabele. Jeśli projekt przewiduje na to miejsce (blok z krótką odpowiedzią, sekcja pytań, czytelne tabele), treść łatwiej trafia do odpowiedzi.

Autor serwisu od 16 lat zajmuje się pozycjonowaniem, więc patrzymy na projekt także oczami osoby, która później będzie tę stronę promować. Przykłady z praktyki SEO operatora serwisu: MamyRecepte.pl (branża medyczna) urosła od zera do ponad 90 000 wejść organicznych miesięcznie, z 346 frazami w TOP 1 do 3 i cytowaniami w odpowiedziach AI (92 w Przeglądzie AI Google, 672 w ChatGPT, 832 w Perplexity). Randkujmy.pl, nowa domena bez historii, osiągnęła ponad 100 000 wejść organicznych miesięcznie i 1 300 fraz w TOP 1 do 3. Dane z narzędzi SEO i Google Search Console. Więcej o tym, jak łączymy projekt z pozycjonowaniem: projektowanie i pozycjonowanie stron.

„Najtańsza poprawka SEO to ta, którą wprowadza się w makiecie, a nie po wdrożeniu.”

Bo dostajesz projekt prowadzony jak inwestycja: z zakresem, harmonogramem i rezultatem każdego etapu na piśmie, a nie serię spotkań, po których nie wiadomo, co jest gotowe. W praktyce oznacza to kilka konkretnych rzeczy.

• Makieta przed grafiką. Najpierw akceptujesz układ i treść, potem wygląd. Dzięki temu poprawki dotyczą tego, co ważne, a nie koloru przycisku.
• Wersja mobilna w każdym projekcie. Projektujemy ją równolegle i pokazujemy do akceptacji, a nie dopisujemy na końcu.
• Jasna liczba poprawek. W umowie wpisujemy liczbę rund poprawek na każdym etapie. Wiesz, ile masz na decyzję, my wiemy, kiedy zamykamy etap.
• Pliki i prawa po Twojej stronie. Po odbiorze dostajesz plik źródłowy, eksporty i majątkowe prawa autorskie do projektu w zakresie opisanym w umowie. Domena i hosting są zarejestrowane na Ciebie.
• Bezpośredni kontakt. Rozmawiasz z osobą, która prowadzi projekt, a nie z opiekunem przekazującym wiadomości dalej.
• Doświadczenie w SEO. Projekt od początku uwzględnia strukturę pod wyszukiwarkę, szybkość i dane strukturalne.

Kiedy nowy projekt nie ma sensu

Nie każda firma potrzebuje nowej strony. Jeśli obecna strona ma dobrą strukturę, przynosi zapytania i wymaga tylko nowych zdjęć, aktualnych treści i poprawy jednego formularza, nowy projekt będzie przepłaconą inwestycją. Podobnie, gdy firma nie ma jeszcze ustalonej oferty albo za miesiąc zmienia nazwę: najpierw decyzje biznesowe, potem projekt. Powiemy to na pierwszej rozmowie.

Każdy projekt strony opieramy na tym, co działa w Google i w odpowiedziach AI. Dwa projekty SEO prowadzone od podstaw przez operatora serwisu: