Ile kosztuje projekt graficzny strony?
Ile kosztuje projekt graficzny strony: od dopasowanego szablonu po indywidualny projekt w Figmie. Widełki, zakres i sytuacje, w których osobny projekt nie ma sensu.
Projekt graficzny strony kosztuje w Polsce najczęściej od 1000 do 10 000 zł, zależnie od zakresu. Dopasowanie gotowego szablonu to zwykle 500–1500 zł, indywidualny projekt strony głównej i kilku podstron w Figmie 2000–6000 zł, a pełny projekt rozbudowanego serwisu z makietami, prototypem i systemem komponentów od 6000 zł wzwyż. Sam projekt to jednak tylko obraz strony: za wdrożenie, czyli zamianę projektu w działającą stronę, płaci się osobno.
U mnie projekt graficzny nie jest osobną pozycją w cenniku. Jest częścią ceny strony: landing średnio 2100 zł, strona wielostronicowa średnio 3800 zł, rozbudowany serwis na własnym CMS średnio 13 000 zł, zawsze z projektem, tekstami i wdrożeniem. Poniżej wyjaśniam, ile kosztuje projekt graficzny strony w różnych wariantach, co obejmuje i kiedy nie warto zamawiać go osobno.
Ile kosztuje projekt graficzny strony: trzy poziomy
| Poziom | Co dostajesz | Rynek, zwykle | Dla kogo |
|---|---|---|---|
| Dopasowany szablon | gotowy układ z Twoimi kolorami, logo i zdjęciami | 500–1500 zł | mały budżet, prosta strona |
| Projekt indywidualny | makiety i projekt głównej oraz kluczowych podstron, wersja mobilna | 2000–6000 zł | firmy, którym zależy na własnym wyglądzie |
| Pełny projekt serwisu | badania, makiety, prototyp, system komponentów, wszystkie podstrony | od 6000 zł | duże serwisy, marki z rozbudowaną ofertą |
Kwoty są orientacyjne i dotyczą samego projektu. W agencjach projekt często stanowi jedną trzecią lub połowę ceny całej strony. U freelancerów rozpiętość jest większa, bo projekt za 2000 zł może oznaczać zarówno pięć dopracowanych ekranów, jak i jeden szkic z nagłówkiem.
Co obejmuje cena projektu
Makiety
Zanim pojawią się kolory, powstaje szkic układu: gdzie jest nagłówek, gdzie oferta, gdzie formularz. Makieta porządkuje treść i pozwala wcześnie wyłapać, że czegoś brakuje. Przy prostej stronie wystarczy makieta strony głównej i jednej podstrony usługi, bo reszta powtarza schemat.
Projekt kluczowych podstron
Projektant nie rysuje wszystkich dwudziestu podstron. Projektuje stronę główną, szablon podstrony usługi, realizacje i kontakt, a pozostałe powstają z tych samych elementów. Dlatego pytając o cenę, dopytaj, ile ekranów jest w zakresie i czy wersja mobilna jest projektowana osobno.
Wersja mobilna
Większość ruchu w lokalnych firmach pochodzi z telefonów, więc wersja mobilna nie może być „dopasowaniem na końcu”. Dobry projekt powstaje najpierw dla małego ekranu. Jeśli w ofercie jest tylko projekt na komputer, dopytaj o telefon.
Typografia, kolory, ikony
Dobór fontów i kolorów, styl przycisków, ikony, sposób pokazywania zdjęć. Przy firmie bez identyfikacji wizualnej projektant często robi jej uproszczoną wersję przy okazji strony. Pełna identyfikacja wizualna to już osobny projekt.
Prototyp i przekazanie do wdrożenia
Przy większych projektach powstaje klikalny prototyp, na którym widać przejścia między ekranami, i plik dla programisty z wymiarami i stylami. Przy kreatorach bez kodu projekt często powstaje od razu w edytorze. Gdy projektant i wykonawca to ta sama osoba, makieta przechodzi prosto do kodu, co też oszczędza jeden etap i część kosztu.
Prawa do projektu
Zapytaj, czy po zapłacie dostajesz pliki źródłowe i prawa do projektu, czy tylko gotową stronę. Bez plików źródłowych każda większa zmiana wymaga powrotu do tego samego projektanta. Przeniesienie autorskich praw majątkowych powinno być zapisane w umowie, a w razie wątpliwości sprawdź zapisy z prawnikiem.
Projekt osobno czy razem z wdrożeniem
Zamawianie projektu u jednej osoby, a wdrożenia u drugiej ma sens przy dużych serwisach z programistami. Przy stronie małej firmy zwykle wychodzi drożej i wolniej: projektant rysuje coś, czego wykonawca nie umie odtworzyć, a każda zmiana wymaga uzgodnienia między dwiema osobami.
Dlatego projektuję i buduję strony sam, w czystym kodzie albo na własnym CMS. Projekt od razu układam pod panel edycji, w którym później sam zmienisz tekst, cenę czy zdjęcie. Klient dostaje jedną cenę i jedną osobę do kontaktu. Jak wygląda sam proces projektowania, opisuję przy usłudze projektowanie UX UI.
| Projekt i wdrożenie osobno | Razem, u jednego wykonawcy | |
|---|---|---|
| Liczba osób do uzgodnień | dwie lub więcej | jedna |
| Ryzyko rozbieżności projektu i strony | wyższe | niskie |
| Koszt przy małej stronie | zwykle wyższy | zwykle niższy |
| Kiedy ma sens | duże serwisy, własny zespół programistów | strony małych i średnich firm |
Kiedy osobny projekt graficzny się nie opłaca
- Przy prostej stronie usługowej. Dobrze dobrany układ z gotowych bloków z własnymi zdjęciami i tekstami wygląda profesjonalnie, a różnicę w cenie lepiej wydać na treść i reklamę.
- Gdy nie masz logo ani zdjęć. Najlepszy projekt nie uratuje strony ze stockowymi zdjęciami i napisem w miejscu logo.
- Gdy strona ma żyć kilka tygodni. Landing pod jedną kampanię nie potrzebuje systemu komponentów.
- Gdy budżet na całość to 2000–3000 zł. Projekt pochłonąłby większość, a na wdrożenie i teksty nie zostałoby nic.
Osobny projekt ma sens, gdy wygląd jest częścią oferty: marka premium, pracownia architektoniczna, studio, firma technologiczna, serwis z setkami podstron, które muszą trzymać spójny styl.
Co podnosi cenę projektu
- Liczba unikalnych ekranów. Każdy ekran bez powtarzalnego schematu to osobna praca.
- Animacje i interakcje. Projektowanie ruchu to dodatkowe godziny, a potem kolejne przy wdrożeniu.
- Ilustracje i grafiki na zamówienie. Własne ikony i ilustracje kosztują osobno.
- Liczba rund poprawek. Dwie, trzy rundy są normą, każda kolejna bywa płatna.
- Badania użytkowników. Wywiady i testy podnoszą jakość, ale przy małej stronie rzadko się zwracają.
- Tempo. Projekt „na wczoraj” zwykle kosztuje więcej.
Przykład, błędy i lista kontrolna
Przykład: dwie drogi do tej samej strony
Przykład, nie konkretny klient. Gabinet kosmetologii chce stronę z ośmioma podstronami. Droga pierwsza: projekt w Figmie u projektanta za 3500 zł, potem wdrożenie u wykonawcy za 4000 zł i teksty u copywritera za 1500 zł. Razem około 9000 zł i trzy osoby do uzgodnień. Droga druga: strona wielostronicowa u mnie, średnio 3800 zł, z projektem, tekstami i wdrożeniem w jednych rękach. Nie zawsze druga droga jest lepsza, ale przy takiej skali zwykle tak.
Najczęstsze błędy
- Ocena projektu po jednym ekranie na komputerze. Klient zobaczy go na telefonie.
- Projekt oderwany od treści. Ładne bloki z tekstem zastępczym, a potem prawdziwe opisy nie mieszczą się w układzie.
- Brak pytania o liczbę ekranów i poprawek. Dwie oferty za tę samą kwotę mogą różnić się trzykrotnie zakresem.
- Kopiowanie konkurencji. Jej strona też może nie sprzedawać.
- Projekt bez planu wdrożenia. Rysunek w Figmie nie przynosi klientów, dopóki nie stanie się stroną.
Lista kontrolna przed zamówieniem projektu
- Wiem, ile ekranów i podstron obejmuje projekt.
- Wersja mobilna jest w zakresie.
- Mam logo, zdjęcia i przynajmniej szkic tekstów.
- Wiem, kto wdroży projekt i za ile.
- Liczba rund poprawek jest zapisana w ofercie.
Jeśli zastanawiasz się nad całym budżetem, a nie tylko projektem, zajrzyj do tekstu ile kosztuje stworzenie strony internetowej. Pełny cennik moich stron znajdziesz w cenniku stron internetowych.
Zaznacz, czego
potrzebujesz
Ceny średnie i końcowe, VAT nie dochodzi. Pozycje miesięczne sumują się osobno.
Wynik jest orientacyjny: to średnie ceny z moich projektów, a dokładna kwota zależy od zakresu. Budżetu reklamowego tu nie ma, bo płacisz go osobno, bezpośrednio Google lub Meta. Zalecam co najmniej 1500 zł miesięcznie.
Poproś o dokładną wycenę→Porozmawiajmy
o Twojej firmie
Przed rozmową przeglądam Twoją stronę i reklamy. Po rozmowie dostajesz plan działań i widełki cenowe na piśmie.
Pytania o projekt graficzny strony
Czy projekt graficzny strony to to samo co projekt UX?
Nie do końca. Projekt UX dotyczy tego, jak strona działa: jaką drogę przechodzi klient, gdzie jest formularz, co widzi najpierw. Projekt graficzny, czyli UI, dotyczy wyglądu: kolorów, fontów, przycisków, zdjęć. W praktyce przy małej stronie robi to jedna osoba i oba etapy mieszczą się w jednej cenie, ale warto wiedzieć, o co pytasz.
Ile kosztuje projekt strony w Figmie?
Na rynku zwykle od 2000 do 6000 zł za stronę główną i kilka kluczowych podstron w wersji na komputer i telefon. Rozbudowany serwis z prototypem i biblioteką komponentów kosztuje więcej. Pamiętaj, że projekt w Figmie trzeba jeszcze wdrożyć, co jest osobną pracą i osobnym kosztem, chyba że zamawiasz całość u jednego wykonawcy.
Czy mogę dostać sam projekt i wdrożyć go samodzielnie?
Możesz, jeśli znasz narzędzie, na którym zbudujesz stronę. Projekt w Figmie nie przenosi się jednak automatycznie do kodu, kreatora ani WordPressa, więc wdrożenie wymaga czasu i umiejętności. W praktyce taniej i szybciej wychodzi zamówienie projektu razem z wdrożeniem u osoby, która zna wybraną platformę.
Ile rund poprawek powinien zawierać projekt?
Dwie, trzy rundy to rozsądny standard. Pierwsza runda to większe uwagi do układu, druga do szczegółów, trzecia do drobiazgów. U mnie są trzy etapy poprawek w cenie strony. Zbieraj uwagi od wszystkich osób decyzyjnych w jednej wiadomości, bo rozproszone komentarze szybko wyczerpują limit i wydłużają projekt.
Projekt strony
razem z wdrożeniem
U mnie projekt jest częścią ceny strony, a nie osobną pozycją. Landing średnio 2100 zł, strona wielostronicowa 3800 zł. Napisz, czego potrzebujesz.