Wycena dużego projektu webowego: od czego zależy kwota?

Łukasz: Okej, już parę osób napisało, że słychać. No to super. Bardzo mi miło. Już dawno nie prowadziłem webinaru. Moim gościem dzisiaj jest Karol Teterycz, Technical Leader w Eura7 Technologies. Cześć, Karol!

Karol: Cześć, dzień dobry, witam wszystkich!

Łukasz: Karol odpowiada u nas za technologię od ponad 10 lat... pracujesz u nas chyba z 15 lat, prawda?

Karol: 15, dokładnie 15.

Łukasz: Ja naprawdę nie mam pamięci do dokładnych dat, ale faktycznie mamy w Grupie Eura7 bardzo mocny, seniorski zespół, w którym są też osoby pracujące po 20 lat. Karol reprezentuje Eura7 Technologies, czyli nasz software house. Dzisiaj porozmawiamy o tym, jak wyceniać duże projekty webowe – chociaż może nie tylko webowe.

Łukasz: Realizujemy trzeci webinar z cyklu „Budżet 2027: Ile kosztuje marketing, który sprzedaje?”. Przed nami jeszcze jedno spotkanie w ramach tej serii – „Media w budżecie 2027: jak zaplanować cele i koszty”. Wcześniej odbyły się już webinary o loteriach i mediach społecznościowych – nagrania są dostępne dla każdego, kto się zapisze. Jeśli polecicie komuś kolejny webinar, czyli 17 listopada o mediaplanach, to zapisując się na przynajmniej jeden z nich, otrzymacie komplet nagrań, a na koniec także zaproszenie do testu wiedzy.

Łukasz: Nasz cykl jest akredytowany przez DIMAQ – za uczestnictwo można uzyskać 2 punkty recertyfikacyjne. Instrukcję, jak je zgłosić, znajdziecie na nagraniu i na prezentowanym slajdzie. Na koniec robimy test sprawdzający – uzyskanie min. 80% poprawnych odpowiedzi nagradzane jest certyfikatem. Dodam jeszcze, że merytorycznie dzisiejsze spotkanie przygotował software house Eura7 Technologies, a partnerem całego cyklu jest firma PromoTraffic.

Łukasz: Zaczynamy część merytoryczną. Przejdziemy przez cały proces wdrożenia projektu IT i omówimy każdy etap pod kątem zaangażowania oraz budżetu, abyście na koniec mieli jasne wyobrażenie o kosztach.

Łukasz: Zacznijmy od pytania: czym jest duży projekt? Przede wszystkim nie jest to projekt realizowany bez strategii, na szybko, pod wpływem nagłej potrzeby. Nie jest to też projekt szablonowy. Nie jest to także projekt stawiany na WordPressie, który z założenia powstał pod blogi. Nie jest to również projekt napisany całkowicie przez AI w modelu vibe codingu.

Łukasz: W naszej ocenie duży projekt to przedsięwzięcie przemyślane strategicznie, z dedykowanym projektowaniem UX/UI, rygorystycznie zabezpieczone przed cyberatakami, integrujące dane z wielu zewnętrznych systemów, nierzadko działające w architekturze multisite lub łączące aplikacje mobilne z zaawansowaną bazą danych. To serwisy i aplikacje, które w sposób przemyślany optymalizują procesy biznesowe w marketingu, sprzedaży oraz HR.

Łukasz: Proces wdrożenia dużego projektu webowego dzielimy na osiem kluczowych kroków: analizę biznesową, warsztaty discovery, projektowanie UX, projektowanie UI, frontend, backend i wdrożenie CMS, migrację danych oraz quality assurance, czyli testy.

Łukasz: Dla każdego etapu przygotowaliśmy trzy warianty kosztowe: wariant A, czyli projekt zoptymalizowany budżetowo o prostszym zakresie, wariant B jako standardowy, typowy projekt rynkowy, oraz wariant C, czyli duże wdrożenie enterprise, często realizowane przez kilka kwartałów do roku.

Łukasz: Pierwszy etap to analiza biznesowa. W wariancie ekonomicznym to analiza briefu, debriefing, konsultacje oraz określenie celów i KPI. Przy modernizacji istniejącego systemu dochodzi audyt starego oprogramowania, analiza konkurencji oraz dialog techniczny dotyczący integracji API. W wariancie A to koszt około 3 000 zł, w wariancie B około 8 000 zł, a w wariancie C około 20 000 zł.

Łukasz: Drugim etapem są warsztaty discovery przeprowadzane z zespołem klienta, na których wypracowujemy architekturę informacji oraz ścieżki użytkowników. Koszt zależy od liczby sesji warsztatowych i zaangażowanych działów. Bardzo znaczącym kosztem mogą być badania i wywiady pogłębione z użytkownikami, które nierzadko przekraczają 80% budżetu tego kroku. W wariancie A koszt wynosi około 6 000 zł, w wariancie B około 12 000 zł, a w wariancie C z badaniami użytkowników około 50 000 zł.

Łukasz: Trzeci etap to projektowanie UX. Przekładamy strategię na architekturę informacji oraz makiety: najpierw uproszczone szkice Lo-Fi, a następnie makiety Hi-Fi oraz klikalny prototyp. Prototyp pozwala zweryfikować całe flow użytkownika, zanim programiści napiszą choćby jedną linijkę kodu. W wariancie zaawansowanym dochodzą profesjonalne testy użyteczności i eye-tracking. W wariancie A koszt wynosi około 8 000 zł, w wariancie B około 15 000 zł, a w wariancie C z badaniami laboratoryjnymi około 50 000 zł.

Łukasz: Czwarty etap to projektowanie UI. W wersji bazowej to opracowanie identyfikacji wizualnej: typografii, kolorystyki, mikrointerakcji oraz widoków desktop i mobile. Przy dużych projektach kluczowe jest stworzenie skalowalnego design systemu, czyli biblioteki reużywalnych komponentów dla programistów, kolejnych rynków czy subdomen, a także precyzyjnej specyfikacji funkcjonalnej. Koszt etapu UI w wariancie A wynosi około 5 000 zł bez rozbudowanego design systemu, w wariancie B około 12 000 zł, a w wariancie C od 30 000 zł wzwyż za kompletny design system. Jako przykład prezentujemy dedykowaną aplikację programu lojalnościowego dla marki Alcon w wersji desktopowej i mobilnej.

Łukasz: Piąty etap to frontend development, czyli cięcie i kodowanie interfejsu w HTML, CSS i JavaScript. Koszt zależy od liczby i złożoności widoków, komponentów interaktywnych, wymogów Core Web Vitals, optymalizacji SEO i GEO pod roboty AI oraz standardów dostępności cyfrowej WCAG. W wariancie A koszt zaczyna się od około 8 000 zł, natomiast przy dużych projektach w wariancie C przekracza 50 000 zł.

Łukasz: Karol, co z perspektywy technologii najbardziej podnosi koszt frontendu?

Karol: Przede wszystkim liczba i złożoność unikalnych widoków oraz niestandardowe interakcje, na przykład rozbudowane, dynamiczne konfiguratory produktów. Drugim ogromnym czynnikiem jest standard WCAG, wymagany między innymi w instytucjach publicznych. Dostosowanie każdego komponentu pod czytniki ekranowe i specyficzne wytyczne dostępności wymaga znacznie więcej czasu i musi być uwzględnione już na etapie projektowania UI.

Karol: Nasz obecny stack technologiczny obejmuje: Sass jako preprocesor CSS ułatwiający modułowe zarządzanie stylami, ES6 czyli nowoczesny standard JavaScript do tworzenia interaktywnych stron, Webpack jako narzędzie do budowania i optymalizacji zasobów frontendowych pod Core Web Vitals, PHP 8 jako stabilne środowisko backendowe, framework Symfony stanowiący bazę naszego systemu DCMP, MySQL oraz Doctrine ORM do mapowania obiektowo-relacyjnego bazy danych, Elasticsearch do zaawansowanego wyszukiwania ze scoringiem trafności, Redis jako szybką bazę in-memory wykorzystywaną do cache'owania i obsługi dużego ruchu, RabbitMQ do asynchronicznego kolejkowania zadań w tle, serwer Nginx zapewniający wysoką wydajność oraz load balancer HAProxy rozdzielający ruch pomiędzy serwerami i gwarantujący stabilność w razie awarii.

Łukasz: Warto dodać, że pracujemy zarówno z klientami bezpośrednimi, jak i w modelu white label dla agencji reklamowych i digitalowych, przejmując całościowy dialog techniczny oraz zarządzanie projektem.

Łukasz: Szósty etap to backend i wdrożenie systemu CMS. Backend to serce aplikacji i najbardziej pracochłonny etap. Cena zależy od silnika CMS, liczby dedykowanych modułów, wielojęzyczności, logiki biznesowej i skomplikowania integracji. W prostych aplikacjach koszt wynosi około 15 000 zł, natomiast w rozbudowanych systemach enterprise sięga od 100 000 zł do ponad pół miliona złotych.

Łukasz: Dlaczego unikamy WordPressa przy dużych projektach i stawiamy na autorskie DCMP lub framework Sulu?

Karol: WordPress sprawdza się przy prostych serwisach i blogach, ale w dużych projektach biznesowych ekosystem wtyczek tworzy ogromne ryzyko: nieaktualizowane dodatki są częstym celem cyberataków, a częste aktualizacje potrafią rodzić konflikty i psuć niestandardowe funkcje.

Karol: Nasza platforma DCMP oparta na Symfony zapewnia pełną elastyczność i kontrolę nad kodem, wbudowane mechanizmy bezpieczeństwa, wysoką wydajność dzięki obsłudze procesów asynchronicznych oraz spójny i intuicyjny panel administracyjny. Klient otrzymuje pełną niezależność i może rozwijać oprogramowanie z dowolnym programistą znającym Symfony.

Karol: Z kolei open-source'owy Sulu CMS, również bazujący na Symfony, znakomicie sprawdza się w projektach typu multisite, gdzie z poziomu jednego panelu i jednej bazy danych zarządza się wieloma niezależnymi serwisami, domenami i markami, korzystając z zaawansowanych uprawnień, wielojęzyczności i blokowej edycji treści.

Łukasz: Kolejny aspekt to integracje danych. Integrowaliśmy nasz system z dziesiątkami narzędzi: systemami ERP, kasowymi, e-commerce, logistycznymi, narzędziami marketingowymi, sztuczną inteligencją czy API instytucji państwowych. Pytanie Karol, czy jest system, z którym nie jesteśmy w stanie się zintegrować?

Karol: Większość systemów posiada własne API i obsługuje webhooki. Do najciekawszych nietypowych wdrożeń należały integracje z systemami kasowymi na stacjach paliw z natychmiastowym wydawaniem nagród i rabatowaniem, integracja z automatyką światła i dźwięku w marketach budowlanych reagująca na wygrane przy kasach, czy bezpośrednie połączenie z drukarkami fiskalnymi drukującymi losy w trakcie finałów loterii.

Karol: W przypadku projektu platformy lojalnościowej dla marki Alcon wdrożyliśmy integrację z GUS i Białą Listą Podatników VAT do automatycznej weryfikacji salonów optycznych, Google Maps do lokalizowania punktów, BaseLinker do obsługi zamówień e-commerce, Przelewy24 i SMSAPI do płatności i powiadomień, modele sztucznej inteligencji do analizy zdjęć paragonów i opakowań soczewek w celu naliczania cashbacku, a także integrację z mBankiem do automatycznego generowania masowych paczek przelewów dla użytkowników.

Łukasz: Siódmy etap to migracja danych, czyli przeniesienie baz danych, przygotowanie skryptów importujących z plików CSV, XML czy JSON, mapowanie relacji oraz czyszczenie struktur. Koszt tego etapu wynosi zazwyczaj od 3 000 do 12 000 zł. Karol, co zrobić, aby ograniczyć koszty migracji?

Karol: Aby ograniczyć koszty, klient powinien wcześniej przeprowadzić inwentaryzację danych: usunąć niepotrzebne i nieaktualne rekordy, wyczyścić duplikaty oraz ujednolicić formaty dat czy numerów telefonów.

Łukasz: Ósmy etap to quality assurance, czyli testy. Obejmuje testy funkcjonalne logiki biznesowej, testy kompatybilności na różnych przeglądarkach i urządzeniach, weryfikację wskaźników Core Web Vitals oraz testy wydajnościowe i bezpieczeństwa. Koszt waha się od 10 000 do 100 000 zł, gdzie górna granica dotyczy zaawansowanej automatyzacji testów oraz zewnętrznych audytów bezpieczeństwa.

Karol: Testy wydajnościowe pozwalają sprawdzić maksymalną liczbę zapytań na sekundę pod syntetycznym obciążeniem, co jest kluczowe przy planowanym dużym natężeniu ruchu.

Łukasz: System DCMP tworzony jest w oparciu o wytyczne OWASP Top 10, a w projektach dla instytucji publicznych dodatkowe testy bezpieczeństwa bywają wymogiem formalnym.

Łukasz: Całościowe widełki budżetowe dla typowych wdrożeń kształtują się następująco: zaawansowany serwis korporacyjny typu multisite na wiele rynków z dedykowanym design systemem i migracją to koszt rzędu od 350 000 do 600 000 zł. Platforma handlowa B2B z obsługą zamówień, reklamacji i integracją z systemem ERP to budżet między 80 000 a 170 000 zł. Z kolei platforma i aplikacja lojalnościowa B2B i B2C w technologii webowej oraz mobilnej Webview z integracjami i OCR paragonów to wydatek rzędu od 180 000 do 250 000 zł.

Łukasz: Ostatnia kwestia to modele finansowania i kontraktowania projektów. Model fixed price gwarantuje sztywny budżet i termin, co ułatwia decyzje zakupowe i zarządcze, ale wymusza doliczenie dwudziestu do trzydziestu procent buforu ryzyka, a każda zmiana wymaga formalnej rekalkulacji. Model time and material zakłada rozliczanie realnie przepracowanych godzin, zapewniając szybki start i elastyczność priorytetów, lecz niesie ryzyko przekroczenia budżetu bez ścisłej kontroli Product弹Ownera. Rozwiązaniem mitygującym jest zastosowanie pułapu CAP, czyli maksymalnej granicy wydatków.

Łukasz: Jako Grupa Eura7 rekomendujemy model hybrydowy: etapy analityczno-koncepcyjne, czyli analizę biznesową, discovery, UX oraz UI realizujemy w modelu fixed price, natomiast właściwy development wdrażamy w elastycznym modelu time and material zabezpieczonym limitem CAP.

Łukasz: Kończąc spotkanie, zapraszamy do wypełnienia ankiety ewaluacyjnej oraz umówienia się na indywidualne konsultacje dotyczące wyceny projektów i obsługi powdrożeniowej. Dziękujemy za obecność i zapraszamy na kolejny webinar za dwa tygodnie, poświęcony planowaniu mediów i budżetów marketingowych. Do widzenia!

Karol: Dzięki wielkie, cześć!