Wycena strony internetowej: jak ją przygotować (z przykładem)

Dobra wycena strony internetowej zaczyna się od krótkiej rozmowy wstępnej, a potem dzieli projekt na jasne etapy: analizę i strategię, projekt graficzny, wdrożenie, treści, podstawy SEO i uruchomienie, z hostingiem i opieką techniczną jako osobną pozycją cykliczną. Każdy etap ma własne pozycje z ilościami, cenami i opisem zakresu, a po nich następuje liczba rund poprawek, harmonogram płatności i termin ważności. Dwa lub trzy pakiety zamiast jednej ceny ułatwiają klientowi powiedzenie „tak”.

Ten poradnik przeprowadzi Cię przez każdy krok: o co zapytać przed ustaleniem ceny, jak wybrać metodę wyceny, jak zbudować ofertę, oraz pokaże przykład dla strony małej firmy. Niezależnie od tego, czy jesteś projektantem działającym w pojedynkę, czy małym studiem, struktura jest ta sama. Jeśli najpierw chcesz ogólnej listy kontrolnej, przeczytaj, co powinna zawierać oferta.

Zbierz wymagania, zanim wycenisz

Większość projektów stron, które przekraczają budżet, była źle wyceniona, a nie źle zrealizowana. Przyczyną jest zwykle pytanie, którego zabrakło na początku: nikt nie zapytał, kto pisze teksty, ile wersji językowych ma mieć strona ani czy system rezerwacji musi współpracować z istniejącym narzędziem. Dwudziestominutowa rozmowa wstępna albo krótka ankieta oszczędzą Ci zgadywania.

Pytania na rozmowę wstępną

• Cele: co strona ma osiągnąć? Więcej zapytań, rezerwacje online, sprzedaż, rekrutację, wiarygodność?
• Odbiorcy: kto odwiedza stronę i co musi szybko znaleźć?
• Podstrony i struktura: ile mniej więcej podstron i które z nich mają unikalny układ, a które powtarzają ten sam szablon?
• Treści: kto pisze teksty i dostarcza zdjęcia? Czy istniejące treści będą przenoszone i ile ich jest?
• Funkcjonalności: formularze kontaktowe, blog, rezerwacje, sklep, strefa dla klientów, integracje z narzędziami, których klient już używa?
• Języki: jeden język czy kilka? Strony wielojęzyczne oznaczają dodatkową pracę przy projekcie, wdrożeniu i treściach.
• Identyfikacja wizualna: czy jest logo i księga znaku, czy trzeba je najpierw stworzyć?
• Platforma: czy klient ma preferowany CMS albo chce samodzielnie edytować stronę?
• Harmonogram: czy jest sztywny termin, np. wydarzenie inaugurujące lub kampania?
• Budżet: czy klient ma w głowie jakiś przedział? Otwarte pytanie oszczędzi Ci projektowania pakietu, na który nikogo nie stać.
• Decydenci: kto akceptuje projekt graficzny, a kto podpisuje ofertę?

Wybierz metodę wyceny

Nie ma jednego właściwego sposobu wyceny strony internetowej. Większość projektantów i agencji stosuje jedno z czterech podejść albo ich połączenie.

W przypadku strony małej firmy stała cena zbudowana z jasnych pozycji jest często najłatwiejsza do zaakceptowania dla klienta: wie, ile zapłaci, i widzi, na co idą pieniądze. Za kulisami nadal możesz wyliczać każdą pozycję z szacunku dni według swojej stawki. Pamiętaj tylko o zapasie na zarządzanie projektem, spotkania i rundy uwag, o których łatwo zapomnieć, a które rzadko są małe.

Podziel ofertę na etapy

Podziel projekt na etapy, które odpowiadają temu, jak naprawdę pracujesz. Klienci ufają cenom, które potrafią prześledzić, a osobne pozycje pozwalają im dopasować zakres, zamiast prosić o rabat od całości.

1. 1Analiza i strategia: warsztat startowy, cele, mapa strony, struktura podstron i w razie potrzeby makiety (wireframe’y).
2. 2Projekt graficzny: projekt strony głównej i każdego unikalnego szablonu podstrony, na desktop i urządzenia mobilne, z ustaloną liczbą rund poprawek.
3. 3Wdrożenie: zbudowanie szablonów w wybranym CMS, responsywność, formularze i konkretne funkcjonalności, np. blog lub system rezerwacji.
4. 4Treści: wprowadzenie lub migracja treści oraz copywriting czy fotografia, jeśli je oferujesz. Wyraźnie zaznacz, gdy treści są po stronie klienta.
5. 5Podstawy SEO: tytuły stron i opisy meta, przyjazne adresy URL, przekierowania ze starej strony, podstawowe testy wydajności i zgłoszenie mapy strony. Formułuj to skromnie; to fundament, a nie stała kampania SEO.
6. 6Uruchomienie: testy w różnych przeglądarkach i na różnych urządzeniach, publikacja i krótkie szkolenie, żeby klient mógł sam aktualizować stronę.
7. 7Hosting i opieka techniczna: cykliczna pozycja miesięczna lub roczna za hosting, aktualizacje, kopie zapasowe i drobne zmiany. Trzymaj ją oddzielnie od jednorazowej ceny projektu.

offinal.com/q/7hX2kP

UX i projekt graficzny2400 €

Makiety, prototypy i kompletny design system.

Programowanie4800 €

Responsywne wdrożenie, konfiguracja CMS i optymalizacja wydajności.

Start i szkolenie900 €

Wsparcie przy uruchomieniu i praktyczne warsztaty dla zespołu.

W PDF zawsze trzeba wybierać między szczegółowością a czytelnością. Dzięki interaktywnym pozycjom oferty możesz zachować krótki przegląd, a klient może otworzyć pełny opis, zrzut ekranu wcześniejszego projektu albo przykładową makietę przy każdej pozycji.

Przykład: strona internetowa małej firmy

Oto przykładowa oferta dla lokalnego gabinetu fizjoterapii, który chce nowej strony z około ośmioma podstronami, formularzem kontaktowym i prostym blogiem. Teksty i zdjęcia dostarcza klient. Poniższe ceny to wyłącznie ilustracja struktury, a nie dane rynkowe. Stawki bardzo się różnią w zależności od kraju, doświadczenia i rodzaju klienta, więc używaj własnych liczb.

Kilka rzeczy sprawia, że ten przykład działa. Pozycje projektu graficznego i wdrożenia są liczone za szablon, a nie za podstronę, więc klient rozumie, dlaczego osiem podstron nie kosztuje ośmiokrotnie więcej. Rundy poprawek są wpisane bezpośrednio w pozycję. Copywritingu nie ma na liście, a założenie, że treści dostarcza klient, jest wyraźnie zapisane. Hosting jest pokazany osobno jako opcja cykliczna, więc nie zawyża ceny projektu, a klient może go wybrać lub nie. Stawka VAT to przykład dla belgijskiego klienta firmowego; zastosuj stawkę i sposób rozliczenia właściwe dla Twojej sytuacji.

Zaproponuj trzy pakiety zamiast jednej ceny

Jedna cena skłania do decyzji „tak albo nie”. Trzy pakiety zamieniają ją w wybór między opcjami, a to znacznie łatwiejsza rozmowa. W powyższym przykładzie pakiety mogłyby wyglądać tak:

• Podstawowy: do pięciu podstron na dwóch szablonach, formularz kontaktowy, podstawy SEO, jedna runda poprawek.
• Standard: pełna oferta powyżej, z blogiem, czterema szablonami i dwiema rundami poprawek.
• Kompletny: wszystko z pakietu Standard plus copywriting głównych podstron, druga wersja językowa i trzy miesiące opieki technicznej w cenie.

Niech środkowy pakiet będzie tym, który polecasz, a różnice niech będą łatwe do zauważenia. Nasz poradnik o wariantach dobry, lepszy, najlepszy wyjaśnia, jak zaprojektować poziomy, by pomagały klientowi podjąć decyzję, zamiast go dezorientować. Dzięki interaktywnym cenom klient może wybrać pakiet i zaznaczyć opcjonalne dodatki, takie jak opieka techniczna czy dodatkowy język, a suma aktualizuje się na bieżąco.

Poprawki i rozrastający się zakres

Projekty stron są szczególnie podatne na rozrastanie się zakresu, bo klienci często dopiero po zobaczeniu pierwszego projektu uświadamiają sobie, czego chcą. To normalne. Oferta powinna po prostu jasno określać, co dzieje się w takiej sytuacji.

• Ustal liczbę rund poprawek na każdy etap projektu, zwykle dwie, i określ, czym jest runda: jeden zebrany zestaw uwag, a nie strumień osobnych maili.
• Określ, co jest zmianą zakresu. Nowe podstrony, nowe funkcjonalności czy zmiana kierunku po akceptacji projektu graficznego wykraczają poza uzgodniony zakres.
• Wyceń dodatkową pracę z góry. Podaj stawkę za dodatkowe rundy poprawek lub dodatkowe podstrony, np. jako stawkę godzinową lub dzienną, żeby później nie było negocjacji.
• Wprowadź punkty akceptacji. Poproś o pisemną akceptację mapy strony i projektów graficznych przed rozpoczęciem wdrożenia. Zmiana projektu w Figmie jest tania; zmiana po jego zbudowaniu już nie.
• Wyceniaj zmiany osobno. Gdy klient prosi o coś nowego, wyślij krótką ofertę dodatkową, zamiast brać to na siebie.

Ustal harmonogram płatności

Przy projekcie, który trwa tygodnie lub miesiące, czekanie na zapłatę do uruchomienia przerzuca całe ryzyko na Ciebie. Harmonogram oparty na kamieniach milowych jest powszechny i łatwy do wyjaśnienia:

Niektórzy projektanci proszą o 50% z góry, inni przy większych projektach dzielą płatność na więcej etapów. Cokolwiek wybierzesz, powiąż każdą płatność z kamieniem milowym, który klient rozpozna, i podawaj termin płatności na fakturach. Dodaj zapis o tym, co się dzieje, gdy projekt utknie po stronie klienta, np. wystawienie faktury za kolejny etap po określonej liczbie tygodni bez uwag. To decyzje handlowe, a nie wymogi prawne; sprawdź swoje ogólne warunki, a w sprawach specyficznych dla Twojego kraju zapytaj księgową lub doradcę prawnego.

Wyślij ofertę tak, by klient mógł wybierać i komentować

Oferta na stronę internetową rzadko zostaje zaakceptowana bez pytań. Czy blog można dodać później? Czy druga wersja językowa jest objęta opieką techniczną? Jeśli te pytania krążą mailem, odpowiedzi giną, a oferta kończy w kilku wersjach.

Wysłanie oferty jako linku zamiast PDF trzyma wszystko w jednym miejscu. Klient wybiera pakiet i opcje, a dzięki komentarzom w ofercie może zapytać o konkretną pozycję. Ty odpowiadasz i aktualizujesz ofertę w tym samym wątku, więc wszyscy widzą najnowszą wersję. Gdy klient jest zadowolony, akceptuje ofertę online. Nasz poradnik, jak napisać ofertę, którą klienci akceptują, szerzej omawia prezentację i wybór momentu.

Offinal powstał właśnie z myślą o takich ofertach projektowych. Zobacz, jak działa dla agencji i freelancerów.