Projektowanie stron internetowych

Bezpłatna konsultacja Projekty

Zaczynamy od pytania, po co ludzie w ogóle wchodzą na Waszą stronę, a kończymy zestawem, z którego składacie kolejne podstrony sami - mapa serwisu, komplet szablonów, biblioteka komponentów i dokumentacja dla wdrożenia. Treść piszemy razem z układem, bo rozdzielone rozjeżdżają się dopiero przy kodowaniu, kiedy poprawka kosztuje najwięcej. Po starcie zostaje pomiar, który mówi, którą ścieżką przyszło zapytanie.

Pracowaliśmy dla najlepszych firm i startupów

Wyzwania

Kiedy firmy przychodzą do nas po nową stronę

Nie każda strona wymaga przebudowy. Poniżej cztery sytuacje, w których wymaga - i w których projekt zwraca się szybciej niż w rok.

  • „Nowa marka, nowa spółka, nowy rynek”

    Nie ma czego poprawiać - jest do zbudowania architektura, narracja i pierwsza wersja, która ma od razu zbierać zapytania. Zaczynamy od tego, komu i co sprzedajecie, nie od moodboardu.

  • „Ruch jest, leadów nie ma”

    Najczęstsza sytuacja. Kampanie dowożą wejścia, a formularz milczy. Zwykle problem leży w ścieżce i w tym, czego strona nie mówi, nie w kolorze przycisku - i to widać dopiero po analizie zachowania użytkowników.

  • „Dziesięć lat dokładania podstron”

    Każdy dział dodawał swoje, aż nawigacja przestała odpowiadać na pytanie, czym firma się zajmuje. Porządkujemy strukturę, zanim cokolwiek narysujemy.

  • „Kampania rusza, strony pod nią nie ma”

    Płatny ruch bezlitośnie obnaża stronę zbudowaną pod przeglądanie, nie pod decyzję. Projektujemy tak, żeby wejście z reklamy trafiało na treść, której oczekiwało - i miało jak zostawić kontakt.

Dla kogo

Dla kogo projektujemy strony

  • Duże firmy usługowe

    Kilka oddziałów, proces zakupowy i dwie strony stołu - marketing oraz IT - które muszą się dogadać na jednym projekcie.

  • Producenci i przemysł

    Katalog, dokumentacja techniczna i sieć dystrybucji, które mają zostać znajdowalne po przebudowie.

  • SaaS i software house'y

    Strona ma sprzedać produkt, którego nie da się pokazać zdjęciem.

  • Firmy w trakcie rebrandingu

    Nowa identyfikacja musi zejść na wszystkie szablony, nie tylko na stronę główną.

Wydruki czterech układów interfejsu na stole: pulpit, ekran telefonu, formularz i tabela, jeden blok zakreślony markerem

Nasza różnica

Dlaczego firmy wybierają Wzór

  • Projektuje i oddaje ten sam zespół

    Skład znacie przed startem i zostaje przy projekcie aż do wdrożenia. Nie przydzielamy anonimowego zasobu.

  • Design system, nie zestaw ekranów

    Spójność zostaje po projekcie, bo kolejną podstronę składacie z komponentów, które już macie.

  • Prototyp do kliknięcia

    Decyzje zapadają na działającym produkcie, a nie na statycznych kadrach w prezentacji.

  • Zostajemy na czas wdrożenia

    Wasi developerzy pytają wprost te osoby, które to narysowały - do startu produkcyjnego.

Proces

Jak to prowadzimy

  1. Tydzień 1–2

    Rozpoznanie i architektura

    Warsztat z Waszym zespołem, przegląd danych z analityki i obecnego serwisu, analiza konkurencji. Wychodzimy z mapą serwisu i listą tego, co strona ma realnie załatwić.

  2. Tydzień 2–4

    Makiety i treść

    Układ kluczowych szablonów w niskiej wierności, równolegle z tekstem - bo treść i layout projektuje się razem albo źle. Tu zapadają decyzje, które później są drogie.

  3. Tydzień 4–7

    Projekt wizualny i komponenty

    Pełne UI kluczowych widoków plus biblioteka komponentów z wariantami i stanami. Nie pojedyncze ekrany, tylko system, z którego złożycie kolejne podstrony bez nas.

  4. Tydzień 7–10

    Wdrożenie i przekazanie

    Wdrożenie u nas albo hand-off do Waszych developerów - dokumentacja, Dev Mode, sesja przekazania i wsparcie w trakcie kodowania.

  5. Po starcie

    Pomiar po starcie

    Wpięcie analityki i celów, przegląd danych po pierwszym miesiącu i lista poprawek opartych na tym, co użytkownicy naprawdę zrobili.

Zakres

Co dostajecie na koniec

  • Mapa serwisu i architektura informacji

    Struktura nawigacji, lista szablonów i przypisanie treści do stron - dokument, na którym pracuje później marketing i redakcja.

  • Makiety wszystkich szablonów

    Nie tylko strona główna. Każdy typ podstrony, który serwis realnie ma, w wersji desktop i mobile.

  • Projekt UI kluczowych widoków

    Pełna warstwa wizualna z typografią, kolorem, ikonografią i siatką - spójna z Waszą identyfikacją albo zaprojektowana od nowa.

  • Biblioteka komponentów

    Komponenty z wariantami, stanami i tokenami. To ona decyduje, czy za rok dołożycie podstronę w dzień, czy znów zamówicie projekt.

  • Dokumentacja dla developerów

    Specyfikacja zachowań, breakpointów i stanów krawędziowych, Dev Mode w Figmie i sesja przekazania z zespołem wdrażającym.

  • Konfiguracja pomiaru

    Zdarzenia, cele i pulpit, na którym widać, ile zapytań przyszło ze strony i z której ścieżki. Bez tego nie da się poprawiać niczego świadomie.

Warsztat

Na jakich standardach to stoi

Strona firmowa żyje dłużej niż projekt, w którym powstała. Dlatego stoi na normach opisanych publicznie, a nie na naszych przyzwyczajeniach - każdy punkt z tej listy sprawdzicie narzędziem, do którego macie dostęp bez naszego udziału.

Blat warsztatowy z góry: dwa wydruki układu interfejsu, lupa powiększająca jeden blok, stalowa linijka i wzornik szarości od bieli do czerni, jedna linia podkreślona pomarańczowym markerem
  • WCAG 2.2 AA i Europejski Akt o Dostępności (EAA)
  • Semantyczny HTML i pełna obsługa z klawiatury
  • Core Web Vitals - LCP poniżej 2,5 s, INP poniżej 200 ms, CLS poniżej 0,1
  • Responsywność od 360 px w górę, sprawdzana na urządzeniach
  • Dane strukturalne schema.org - Organization, BreadcrumbList, FAQPage
  • Redakcja treści w CMS po stronie zespołu marketingu
  • Wersje językowe z hreflang i jednym adresem kanonicznym
  • Pomiar zdarzeń i zgody na cookies zgodne z RODO

Następny krok

Porozmawiajmy o Waszym projekcie

Powiedzcie, co macie do zrobienia. Wracamy z zakresem i wyceną.

Bezpłatna konsultacja Projekty

Realizacje

Serwisy, które zaprojektowaliśmy

Wybór z realizacji oznaczonych tym typem produktu. Pełne portfolio, razem z pracami pod NDA, pokazujemy na konsultacji.

Projekty

Efekty

Skala, w jakiej to już robiliśmy

  • 6 tygodni

    tyle trwał serwis Jawny Lublin - pięcioosobowy zespół i trzy rozdzielczości

  • 4 serwisy

    tyle witryn Bosforu - trzy sub-marki i katalog 21 jachtów - stoi dziś na jednym systemie komponentów

  • 22

    branże, które realnie występują w naszym portfolio - sprawdzicie na liście projektów, czy Wasza już tam jest

  • 7

    case studies rozpisanych publicznie, z zakresem i decyzjami projektowymi - do przeczytania bez umawiania się z nami

Liczby pochodzą z publicznego portfolio Wzoru oraz z case studies Jawny Lublin i Bosfor - wszystkie są na tej stronie do sprawdzenia. Nie publikujemy średnich ani rekordowych wzrostów konwersji, bo wynik zależy od bazy wyjściowej, ruchu i oferty; efekty konkretnych wdrożeń omawiamy imiennie na konsultacji, a część projektów jest objęta NDA.

Opinie klientów

Co mówią nasi klienci

  • „Praca z zespołem Wzór była naprawdę świetnym doświadczeniem! Zawsze szybko odpowiadali na nasze pytania i elastycznie podchodzili do naszych uwag. Mają mnóstwo kreatywnych pomysłów, a jednocześnie są bardzo rzetelni i terminowi. Efekt końcowy w pełni spełnił nasze oczekiwania, zdecydowanie polecamy każdemu, kto szuka profesjonalistów z pasją.”
    Maja Wieloch-Silecka Dyrektor operacyjny, Bosfor Group
  • „Nasi Klienci oczekują od nas szybkiego, skutecznego działania w bardzo szerokim zakresie. Od stworzenia brandu, przez budowę strony internetowej wraz ze sklepem po przeprowadzenie skutecznej kampanii sprzedażowej. Temat niełatwy, ale do zrobienia jeśli ma się zgrany zespół i firmy, z którymi wyzwania bierze się z marszu. Dla nas jakość, odpowiedzialność i zaangażowanie są kluczowe, a współpraca z Agencją UX Wzór zapewnia nam to w 100%.”
    Piotr Alberski Chief Operating Officer, Agencja XO Media
  • „Współpraca z Agencją UX Wzór rozpoczęła się od naszej strony internetowej. Bardzo spodobał się nam sposób ich pracy. Dlatego podjęliśmy decyzję o podzlecaniu projektów realizowanych dla naszych Klientów w formie White Label. Bardzo spodobał nam się ich flow pracy, przekazywanie projektów naszemu zespołowi, ich dokumentacja czy praca na design systemie. Teraz możemy podejmować większe ryzyko.”
    Mateusz Swół Chief Operating Officer, Sellace

Zespół

Kto poprowadzi Wasz projekt

Nie przydzielamy projektu anonimowemu zasobowi. Wiecie z góry, z kim będziecie pracować i kto odpowiada za efekt.

  • Aleksandra Bondar

    Aleksandra Bondar

    Senior UX/UI Designer

  • Katarzyna Adamczuk

    Katarzyna Adamczuk

    Prezes, Analityk Biznesowy

Czas i zakres

Ile to trwa i od czego zależy wycena

6–10 tygodni

Od warsztatu startowego do startu produkcyjnego. Termin trzymamy - a jeśli coś go zagraża, mówimy o tym w tygodniu, w którym to widzimy, nie na końcu.

  • Liczba szablonów i podstron

  • Wersje językowe

  • Wdrożenie po naszej czy po Waszej stronie

  • Migracja treści z istniejącego serwisu

  • Zakres badań z użytkownikami

  • Integracje - CRM, marketing automation, systemy wewnętrzne

Pytania

Pytania, które padają najczęściej

Ile kosztuje zaprojektowanie strony internetowej?

Próg wejścia jest jawny, ale jedna kwota końcowa i tak byłaby nieprawdziwa dla większości zapytań - ten sam typ projektu potrafi różnić się zakresem kilkukrotnie. Na wycenę wpływa liczba szablonów, wersje językowe, zakres migracji treści i to, czy wdrażamy my, czy Wasz zespół. Konkretną kwotę wysyłamy w dwa dni robocze od zapytania - bez rozmowy wstępnej, jeśli jej nie chcecie.

Ile trwa projekt od startu do uruchomienia?

Od 6 do 10 tygodni - od warsztatu startowego do startu produkcyjnego. Najczęstsze źródło opóźnień nie leży po stronie projektu, tylko akceptacji i treści, dlatego terminy wewnętrzne ustalamy razem na pierwszym warsztacie i pilnujemy ich tygodniowo.

Mamy już identyfikację wizualną. Zaprojektujecie w niej, czy narzucicie własną?

Zaprojektujemy w Waszej. Księga znaku jest punktem wyjścia, a nie przeszkodą - rozszerzamy ją o to, czego identyfikacje drukowane zwykle nie mają, czyli stany interaktywne, siatkę, skalę typograficzną i komponenty. Jeśli identyfikacji nie ma albo jest szczątkowa, mówimy o tym na starcie i proponujemy osobny zakres.

Czy wdrażacie stronę, czy oddajecie sam projekt?

Obie opcje są dostępne i obie wyceniamy jawnie. Wdrożenie po naszej stronie oznacza jedną odpowiedzialność za efekt. Hand-off do Waszych developerów oznacza dokumentację, Dev Mode w Figmie, sesję przekazania i wsparcie w trakcie kodowania - nie „wysłaliśmy pliki, powodzenia".

Czy będziemy mogli sami dodawać podstrony po zakończeniu projektu?

Tak i to jest wprost celem biblioteki komponentów, którą oddajemy razem z projektem. Nowa podstrona powstaje ze złożenia gotowych bloków, bez zamawiania projektu graficznego za każdym razem. Przy wdrożeniu po naszej stronie dokładamy szkolenie dla osoby, która będzie serwis prowadzić.

Do kogo należą prawa do projektu?

Do Was. Majątkowe prawa autorskie do projektu przenosimy w umowie, wraz z plikami źródłowymi. Nie stosujemy licencji czasowych ani uzależnienia od dalszej współpracy z nami.

Podpisujecie NDA?

Tak, standardowo - szczególnie w finansach, ochronie zdrowia i sektorze publicznym. Możemy podpisać Wasz wzór albo przesłać własny przed pierwszą rozmową merytoryczną.

Co, jeśli po projekcie strona nie zacznie zbierać zapytań?

Dlatego w zakresie jest konfiguracja pomiaru i przegląd danych po pierwszym miesiącu - bez tego nikt uczciwie nie odpowie na to pytanie. Jeśli dane pokażą, że coś nie działa, dostajecie listę poprawek opartą na zachowaniu użytkowników, nie na opiniach. Osobno prowadzimy optymalizację konwersji dla serwisów już działających.

Powiązane usługi

Powiązane usługi

Umów bezpłatną konsultację z ekspertem, aby omówić Twój projekt i otrzymać odpowiedzi na nurtujące Cię pytania.

- Patryk Korycki, CEO

Zaplanuj spotkanie
Umów bezpłatną konsultację