nazwa_klienta
Intro
Poniższa oferta ma na celu przedstawienie warunków współpracy dla NAZWA_KLIENTA. Po zatwierdzeniu tych ustaleń, dołączymy je jako integralny załącznik do Umowy. Zebraliśmy tu wszystkie najważniejsze informacje podzielone na etapy:
Zakres prac
Badania i User Experience
Redakcja materiałów i kreacja contentu
Projektowanie wizualne
Zadania techniczne i wdrożeniowe
Optymalizacja pod SEO
Przekazanie projektu i opieka po wdrożeniu
Założenia wyceny i materiały bazowe
Specyfikacja techniczna projektu
Harmonogram prac
Kosztorys i konfiguracja
Wybór pakietu bazowego
Kreator opcji dodatkowych
Szczegółowa kalkulacja
Koszty roczne utrzymania strony
Ogólne warunki współpracy
Zakres prac
Badania i User Experience
Skupimy się na tym, aby Twoja nowa strona była nie tylko estetyczna, ale przede wszystkim skuteczna i łatwa w obsłudze. W ramach projektowania użyteczności przygotujemy:
Analiza Twojej branży i bezpośredniej konkurencji, aby zastosować sprawdzone rozwiązania i wyróżnić Cię na tle innych.
Określenie profilu Twojego idealnego klienta (User persona) – zastanowimy się, kim jest, czego potrzebuje i jakich informacji będzie szukał na stronie (User story).
Projektowanie ścieżki użytkownika (User flow) – ułożymy treści i przyciski tak, aby intuicyjnie prowadziły odwiedzających do konkretnego celu (konwersji), np. wysłania zapytania, telefonu lub zakupu.
Stworzenie mapy witryny (Site map), czyli przejrzystego spisu i logicznego ułożenia wszystkich zakładek (podstron).
Opracowanie Site mapy przedstawiającej listę podstron i ich powiązania pomiędzy sobą.
Unikalne, odręcznie rysowane ilustracje.
Animowany loader – dbamy o każdy detal. Płynny, niestandardowy ekran ładowania sprawia, że czas oczekiwania staje się dla odwiedzającego ciekawym, wizualnym doświadczeniem.
Łączymy odręczną kreskę z dynamiką. Subtelny ruch ożywia projekt, nadając witrynie unikalny, nowoczesny charakter, który mocno wyróżni Cię na tle statycznej konkurencji.
Przykład mikro-interakcji
Mikro-interakcje to subtelne wizualne reakcje strony na ruchy użytkownika. To na przykład przycisk, który delikatnie się powiększa po najechaniu myszką.
Redakcja materiałów i kreacja contentu
Sukces strony internetowej zależy przede wszystkim od tego, co Twój klient na niej przeczyta i zobaczy. Angażująca treść i profesjonalne materiały wizualne budują zaufanie oraz wspierają sprzedaż. Ten etap prac obejmuje:
Zaprojektowanie makiet określających zawartość każdej podstrony z osobna. Dzięki temu zobaczysz, gdzie znajdą się teksty i przyciski.
Copywriting i ułożenie treści – zadbamy o to, aby komunikaty na stronie były angażujące i czytelne. W ramach tego etapu możemy przygotować dla Ciebie profesjonalne teksty od podstaw lub poddać optymalizacji Twoje treści, by naturalnie prowadziły Klienta do celu.
Materiały foto / wideo – przejrzymy i wyretuszujemy Twoje obecne zasoby lub zorganizujemy dla Ciebie profesjonalną sesję zdjęciową i filmową od zera. Dzisiejsze trendy jasno pokazują, że uwaga użytkownika jest bardzo krótka. Aby ją utrzymać, wzbogacimy stronę nie tylko o dopracowane grafiki statyczne, ale też o formaty wideo i dynamiczne elementy (np. animowane loadery), które mocniej angażują odwiedzających.
Ilustracja / kolaż / fotomontaż – standardowe materiały możemy uzupełnić o unikalne ilustracje lub kreatywne fotomontaże, które nadadzą witrynie oryginalny charakter i jeszcze mocniej wyróżnią Cię na tle konkurencji. Stworzone grafiki możesz od razu wykorzystać w druku, np. na fizycznych opakowaniach swoich produktów lub wizytówkach.
Makiety (szkielet strony) w formie planów dla każdej podstrony.
Zaawansowane mikro-interakcje idą o krok dalej. To płynne animacje, które ożywiają całą witrynę podczas jej przeglądania.
Projektowanie wizualne
Zaprojektowanie zestawu ekranów przedstawiających komplet podstron składających się na stronę internetową a w szczególności:
Projektowanie wizualne (UI) – Zatwierdzone makiety każdej podstrony ubierzemy w kolory, typografię i styl Twojej marki.
Klikalnego prototyp i responsywność (RWD) – utworzymy klikalny prototyp strony internetowej (częściowy) i udostępnimy go do testów użyteczności. Dostosujemy stronę do 4 poniższych wymiarów:
Desktop 1200px
Desktop 2500px
Tablet
Phone
Efektem finalnym drugiego etapu prac jest komplet widoków wszystkich podstron.
Favicon, czyli firmowa ikona w karcie przeglądarki (dla jasnego i ciemnego interfejsu) oraz ikona na urządzenia mobilne.
Wizytówka linku (social preview), kiedy wyślesz komuś link do strony (np. LinkedIn, WhatsApp, iMessage), zamiast losowego tekstu wyświetli się dedykowana miniatura (zdjęcie), chwytliwy tytuł i krótki opis – detal, który buduje profesjonalny wizerunek w sieci.
Na wypadek literówki w linku, użytkownik zostanie przeniesiony na przyjazną podstronę błędu 404, np. z buttonem przejścia do Strony głównej.
Obsługa trybu jasnego i ciemnego interfejsu.
Zadania techniczne i wdrożeniowe
Zamykamy etap projektowania i przechodzimy do budowy w pełni funkcjonalnego serwisu. W ramach tego etapu zrealizujemy:
Konfiguracja domeny (DNS, rekordy A / CNAME)
Instalacja SSL / HTTPS
Przekierowania (np. z www na bez www)
Wdrożenie polityki cookies (baner, zgody)
Dodanie favicon i ikon na urządzenia mobilne
Kompresja zdjęć i wideo
Social preview
Handling błędów 404
Integracja z formularzami
Konfiguracja firmowej poczty (z adresem w Twojej domenie)
Integracja z narzędziami analitycznymi
Automatyzacje i integracje (webhooki), co oznacza np., że w momencie, gdy klient wypełni formularz na stronie, jego dane trafią do Twojego systemu CRM lub bazy mailingowej, a on natychmiast odbierze automatyczne potwierdzenie konsultacji z obiecanym materiałem w formacie PDF – zero ręcznego odpisywania
Przygotowanie wariantów na jasny / ciemny interfejs
Konfiguracja CMS, łatwy w obsłudze panel, dzięki któremu w przyszłości możesz samodzielnie, bez pomocy programisty, zaktualizujesz teksty na stronie czy dodasz nowe realizacje
Stworzenie sklepu internetowego (e-commerce)
Optymalizacja pod SEO
Strona musi być również czytelna dla wyszukiwarki Google. Zadbamy o pozycjonowanie Twojej witryny, które pomoże nowym klientom Cię znaleźć.
Struktura semantyczna HTML – hierarchiczne ułożenie treści, by ułatwić robotom indeksowanie Twojej oferty
Aria labels – wdrożenie standardów dostępności, dzięki którym każdy przycisk czy ikona jest poprawnie czytany przez algorytmy i czytniki ekranu (algorytmy Google bardzo mocno promują strony, które stosują takie ułatwienia)
Alt-text – niewidoczne opisy zdjęć, dzięki którym strona może pojawiać się w wynikach wyszukiwania obrazem
Przekazanie projektu i opieka po wdrożeniu
Otrzymujesz od nas gotowy, przetestowany produkt, ale nie zostawiasz z nim sam. Zamykając projekt zapewniamy:
Przez 30 dni od startu strony, monitorujemy, czy wszystko działa poprawnie i pomagamy w razie jakichkolwiek pytań technicznych.
Przeprowadzimy szkolenie z obsługi panelu CMS.
Kiedy strona jest już gotowa, wszelkie przyszłe modyfikacje, rozbudowa o nowe funkcje czy zmiany w treści są realizowane na Twoje życzenie i rozliczane na podstawie przejrzystej stawki godzinowej. Masz pełną kontrolę nad budżetem.
Założenia wyceny i materiały bazowe
Ostateczny zakres wdrażanych funkcji zależy od wariantu, który wybierzesz w konfiguratorze. Abyśmy mogli sprawnie zrealizować projekt w bazowej cenie, zakładamy, że przed startem prac przekażesz nam:
Logo Twojej marki w formacie wektorowym.
Zredagowane teksty oraz materiały wizualne niezbędne do wypełnienia strony.
Jeśli nie masz jeszcze logo, to chętnie zaprojektujemy dla Ciebie od zera pełną, nowoczesną identyfikację wizualną (branding). Możemy również wziąć na siebie profesjonalny copywriting oraz produkcję zdjęć i wideo. Opcje te łatwo dobierzesz w poniższym kosztorysie, idealnie dopasowując ostateczny zakres współpracy do swoich potrzeb.
Specyfikacja techniczna projektu
Poniżej znajdziesz kluczowe parametry technologiczne Twojej nowej strony:
Ilość podstron zależna od wybranego wariantu inwestycji. Dokładną architekturę i liczbę zakładek ułożymy wspólnie na etapie projektowania użyteczności.
Wersje językowe: 1 (jedna), rozbudowa strony o kolejne wersje językowe podlega osobnej wycenie i możesz łatwo dodać tę opcję w poniższym konfiguratorze.
Pracujemy w nowoczesnym środowisku Framer. Dzięki temu projekt graficzny zostaje przeniesiony do internetu ze 100% dokładnością wizualną. Omijasz problemy przestarzałych systemów (wymagających ciągłych aktualizacji wtyczek), zyskując witrynę, która ładuje się błyskawicznie i jest maksymalnie bezpieczna.
System zarządzania treścią (CMS) – opcjonalnie, jeśli chcesz w przyszłości samodzielnie zmieniać teksty i zdjęcia na stronie (np. prowadzić bloga lub aktualizować portfolio), możesz dobrać tę opcję w wyższym pakiecie. Skonfigurujemy wtedy prosty w obsłudze panel, który nie wymaga żadnej wiedzy programistycznej.
Harmonogram prac
Akceptacja oferty: 14 dni
Badania UX: 5 dni
Design – makietowanie: 5 dni
Design – projektowanie graficzne: 15-30 dni
Wdrożenie strony: 15-30 dni
Suma: 40-70 dni
Ważne:
Powyższe ramy czasowe obejmują wyłącznie czas naszej pracy projektowej. Podana suma dni nie uwzględnia czasu potrzebnego na zapoznanie się z projektem, Wasz feedback oraz wprowadzanie ewentualnych poprawek. Każda runda zmian odpowiednio przesuwa ostateczny termin oddania strony. Ponadto, w przypadku wyboru mocno rozbudowanego panelu CMS lub obszernego sklepu internetowego (e-commerce), czas realizacji może ulec dodatkowemu wydłużeniu w zależności od szczegółowości i skali wybranych rozwiązań.
Kosztorys
Wybór pakietu bazowego
Wybierz fundament, na którym zbudujemy Twoją obecność w sieci. Każdy z poniższych wariantów możesz w kolejnym kroku swobodnie rozbudować o usługi dodatkowe (np. mini-moduł sprzedażowy, branding, copywriting czy sesję zdjęciową).
Ważne:
Wszystkie ceny to kwoty netto w PLN, VAT 23% na podstawie faktury VAT.
Konfiguracja to nie zakup. Zaznaczanie opcji w poniższym zestawieniu nie jest równoznaczne ze złożeniem wiążącego zamówienia. To narzędzie, które pozwala nam wspólnie ustalić optymalny budżet. Właściwa współpraca oraz płatności rozpoczynają się dopiero po ostatecznej akceptacji i podpisaniu formalnej umowy.