Case study – Strona biura rachunkowego SupportMe i współpraca 3 firm nad projektem

Strona biura rachunkowego SupportMe to było wyzwanie które pokazało sprawne działanie nad projektem trzech współpracujących ze sobą firm. Każdy projekt zaczynamy od rozmowy. Nie od kolorów, nie od layoutu, ale od potrzeb.
Właścicielka biura rachunkowego SupportMe – Adriana Stankiewicz zgłosiła się do nas z bardzo konkretnym wyzwaniem: stworzyć stronę, która nie tylko pokaże profesjonalizm jej zespołu, ale także odda wartości, na jakich buduje relacje z klientami – przejrzystość, partnerską współpracę i nowoczesne podejście do księgowości.

Od początku wiedzieliśmy, że nie chodzi o kolejną „księgową stronę”, na której dominują liczby i przepisy. Naszym celem było stworzenie przestrzeni online, która pokazuje, że księgowość może być prosta, dostępna ale przede wszystkim ludzka i zrozumiała. SupportMe nie jest bowiem klasycznym biurem rachunkowym – to partner w rozwoju biznesu, który łączy wiedzę finansową z doradztwem, automatyzacją i strategią.

---

Cele projektu

Na etapie pierwszych spotkań z klientką wspólnie zdefiniowaliśmy zestaw kluczowych celów, które miały wyznaczać kierunek całego projektu i zapewnić, że nowa strona SupportMe będzie nie tylko estetyczna, ale przede wszystkim skuteczna biznesowo.

1. Zbudować zaufanie i profesjonalny wizerunek marki

Pierwszym i najważniejszym założeniem było stworzenie strony, która natychmiast wzbudzi zaufanie u odwiedzających. SupportMe działa w branży, w której rzetelność, kompetencje i poufność mają kluczowe znaczenie – dlatego design, język komunikacji i architektura informacji musiały te wartości podkreślać. Chcieliśmy, by marka była postrzegana jako solidny partner biznesowy, ale jednocześnie otwarty i bliski klientowi.

2. Pokazać złożoność usług w przystępny sposób

Oferta SupportMe jest szeroka i obejmuje różne obszary – od księgowości i kadr, przez doradztwo podatkowe, aż po działania z zakresu CSR i zrównoważonego rozwoju. Celem było przedstawienie tej różnorodności w sposób klarowny i intuicyjny, bez przytłaczania użytkownika nadmiarem treści. Zależało nam na strukturze, która prowadzi odbiorcę „za rękę” – od ogólnego opisu usług po konkretne rozwiązania dopasowane do jego potrzeb.

3. Ułatwić kontakt i zwiększyć konwersje

Z punktu widzenia biznesowego kluczowe było, by strona nie tylko informowała, ale również skutecznie generowała zapytania. SupportMe chciało, by użytkownicy mogli błyskawicznie odnaleźć dane kontaktowe, formularz lub przycisk „Umów konsultację”. Wdrożyliśmy więc przemyślaną nawigację, CTA w strategicznych miejscach oraz uproszczony proces kontaktu – wszystko po to, by maksymalnie skrócić ścieżkę użytkownika od pierwszego kliknięcia do konwersji.

4. Nadać stronie indywidualny charakter

Nie chcieliśmy tworzyć kolejnej „typowej” strony księgowo-doradczej. SupportMe to marka nowoczesna, empatyczna i nastawiona na partnerskie relacje – i właśnie ten ton komunikacji postanowiliśmy przenieść do projektu. Estetyka strony łączy elegancję z lekkością, a treści napisane przez Julię są zrozumiałe, przyjazne i pozbawione zbędnego żargonu. Dzięki temu serwis wyróżnia się na tle konkurencji i lepiej oddaje osobowość marki.

5. Połączyć UX, technologię i content w spójną całość

Od początku prac nad projektem postawiliśmy na ścisłą współpracę między trzema obszarami: projektowaniem, programowaniem i copywritingiem.

• Piotr Trzaskowski – https://ux-man.pl/ – odpowiadał za UX/UI i stworzenie intuicyjnej makiety, która pozwoliła precyzyjnie zaplanować doświadczenie użytkownika.
• Zbyszek Hornik – https://softfusion.pl/ – zajął się wdrożeniem i optymalizacją techniczną strony, dbając o jej wydajność, bezpieczeństwo i szybkość działania.
• Julia Saweczko – https://agencjacontentowa.pl/ – opracowała treści, które nie tylko informują, ale również angażują i budują relację z odbiorcą.
• Maciek Ziegler – https://sukcesstudio.pl/ – przygotował strategie treści i konsultował projekt na poszczególnych etapach.
• Monika Domino-Wolańczyk – https://www.apogado.pl/ – Przygotowała od strony prawnej polityki prywatności i zabezpieczyła wszystko od strony prawnej i zgodności z przepisami RODO.

Dzięki takiej synergii każdy etap pracy był konsekwencją poprzedniego – design wspierał treść, treść wzmacniała funkcjonalność, a technologia scalała wszystko w spójny, nowoczesny produkt.

W rezultacie powstała strona, która łączy profesjonalizm z ludzkim podejściem, a estetyka, komunikacja i struktura logicznie się uzupełniają.

---

Nasze podejście

Zaczęliśmy od poznania klientki i sposobu, w jaki pracuje jej zespół. Zamiast schematycznego briefu, postawiliśmy na rozmowę o codziennych wyzwaniach, typowych klientach i ich pytaniach. Dzięki temu mogliśmy stworzyć strukturę strony, która prowadzi użytkownika dokładnie tam, gdzie powinien trafić – od pierwszego wrażenia po kontakt.

Piotr opracował makietę UX i sitemapę, które uporządkowały logiczny przepływ treści. Zbyszek zadbał o techniczną stronę projektu – lekki kod, szybkie ładowanie i pełną responsywność. Julia stworzyła treści dla każdej podstrony – merytoryczne, ale przystępne, pisane językiem zrozumiałym przede wszystkim dla przedsiębiorców, nie tylko księgowych.

Od początku pracowaliśmy w rytmie współpracy i zaufania. Każda decyzja była wspólna – od kolorystyki i tonu języka, po układ przycisków i rozmieszczenie sekcji. Wiedzieliśmy, że tylko wtedy strona stanie się spójnym doświadczeniem, a nie zbiorem oddzielnych elementów.

---

Proces projektowy – od koncepcji do gotowej strony

Każdy projekt ma swoją historię – nasz zaczyna się od dużej kartki, kilku markerów i słowa kluczowego: „przejrzystość”. To ono stało się osią całego projektu SupportMe.pl.

Analiza i planowanie

Zanim powstała choćby pierwsza makieta, skupiliśmy się na logice. Chcieliśmy, by użytkownik mógł poruszać się po stronie intuicyjnie — tak, jakby rozmawiał z doradcą, a nie przeszukiwał katalog usług.

Dlatego pierwszym krokiem była sitemapa – szczegółowa mapa informacji, która objęła wszystkie sekcje serwisu: od głównej strony, przez cztery filary działalności (księgowość, kadry i płace, doradztwo podatkowe, CSR), aż po blog, karierę i cennik. Każdy z działów miał własny „mikro-flow” użytkownika – krótką ścieżkę prowadzącą od pytania do rozwiązania.

Podczas pracy nad sitemapą Piotr dbał o hierarchię treści i połączenia między podstronami, tak by użytkownik mógł w dowolnym momencie wrócić do głównej kategorii lub przejść dalej bez zbędnych kliknięć. Ten etap zajął kilka dni, ale był kluczowy – pozwolił ułożyć całość w logiczną strukturę, na której później powstał projekt wizualny.

---

Projektowanie makiety UX/UI

Kiedy układ treści był gotowy, przeszliśmy do fazy projektowania. Piotr przygotował makietę UX/UI, która łączyła estetykę premium z czytelnością.
Postawiliśmy na jasną kolorystykę z akcentami złota i beżu – kolory kojarzące się z zaufaniem i stabilnością. Każdy moduł strony miał jasno określoną funkcję: sekcje usług były zbudowane z kart, które użytkownik mógł „skanować wzrokiem”, a nie czytać linijka po linijce.

Dużo czasu poświęciliśmy też na czytelność CTA (Call To Action) – przyciski „Bezpłatna konsultacja” i „Skontaktuj się z nami” pojawiają się w strategicznych miejscach, bez agresywnego natarcia, ale z wyraźnym zaproszeniem do kontaktu.

Na etapie UI ważna była także praca nad mikrointerakcjami – delikatne animacje, płynne przewijanie i subtelne efekty hover wprowadziły dynamikę, która nie przytłacza, ale podkreśla nowoczesny charakter marki.

---

---

Wdrożenie techniczne

Kiedy projekt wizualny został zaakceptowany, pałeczkę przejął Zbyszek. Jego zadaniem było przetłumaczenie graficznej koncepcji na sprawnie działający, responsywny kod.
Strona została zaprojektowana z myślą o wydajności i lekkości – krótkie czasy ładowania, optymalizacja grafik, bezbłędne wyświetlanie na urządzeniach mobilnych.

Zadbaliśmy też o przyjazny CMS, który umożliwia klientce samodzielną edycję treści – od wpisów blogowych po aktualizacje oferty.
Wdrożenie obejmowało również integrację z formularzem kontaktowym, mapą Google, systemem rezerwacji konsultacji oraz podstawową konfigurację SEO (meta tagi, struktura nagłówków, przyjazne linki).

Każdy etap testowaliśmy wspólnie – sprawdzaliśmy płynność przejść między sekcjami, poprawność linków i jakość wyświetlania na różnych przeglądarkach.

Tworzenie treści

Kiedy kod był gotowy, przyszedł czas na słowa. Julia opracowała treści dla całej witryny – merytoryczne, ale napisane językiem, który nie odstrasza technicznym żargonem.
Zastosowaliśmy strukturę piramidy informacyjnej: najważniejsze informacje na górze, szczegóły niżej. Dzięki temu każdy użytkownik – niezależnie od poziomu wiedzy – może szybko znaleźć odpowiedź na swoje pytanie.

Teksty powstawały w ścisłej współpracy z zespołem projektowym, co pozwoliło zachować spójność między treścią a projektem. Dopracowaliśmy także ton komunikacji – przyjazny, rzeczowy i partnerski. Tak, by marka SupportMe była postrzegana nie jako biuro rachunkowe, lecz zaufany doradca biznesowy.

---

Efekt końcowy

Końcowy rezultat to strona, która łączy funkcjonalność z estetyką i emocjami. Każdy element – od architektury treści, przez design, po copywriting – tworzy jeden spójny ekosystem marki.
Dzięki współpracy trzech specjalistów powstał projekt, w którym UX, kod i słowo mówią jednym językiem.

Czytelne menu – struktura, która prowadzi, a nie gubi

W świecie projektowania UX dobra nawigacja to połowa sukcesu.
Od początku wiedzieliśmy, że menu SupportMe.pl musi być proste, intuicyjne i konsekwentne — tak, by użytkownik w kilka sekund wiedział, gdzie się znajduje i dokąd może przejść dalej.

Logiczny układ głównych zakładek

Menu główne składa się z sześciu pozycji:
Home | O nas | Usługi | Cennik | Kariera | Blog | Kontakt

To klasyczny, ale skuteczny układ, który eliminuje chaos. Każda zakładka odpowiada konkretnemu etapowi ścieżki użytkownika:

• Home – pierwsze wrażenie i wartości marki,
• O nas – budowanie zaufania,
• Usługi – centrum oferty,
• Cennik – transparentność finansowa,
• Kariera – komunikacja z potencjalnymi pracownikami,
• Blog – edukacja i SEO,
• Kontakt – konwersja.

Dzięki temu struktura menu nie wymaga myślenia – użytkownik po prostu wie, gdzie kliknąć.
To klasyczna zasada Don’t make me think Steve’a Kruga w praktyce.

Przejrzysta kategoria „Usługi”

Rozwijane menu pod zakładką „Usługi” prowadzi do czterech filarów działalności firmy:

• Księgowość
• Kadry i Płace
• Doradztwo podatkowe
• CSR

Każda z nich rozwija się w podmenu z wyszczególnionymi usługami, np.:

Księgowość dla spółek | Księgowość e-commerce | Nadzór księgowy | Informatyzacja w księgowości

To rozwiązanie pozwala użytkownikowi szybko odnaleźć interesujący go temat — bez przewijania i szukania po omacku.
Zastosowany układ poziomy i ograniczona liczba podkategorii zapewniają lekkość, a jednocześnie pełny przegląd oferty.

Wzmocnione CTA i integracja z social mediami

Po prawej stronie menu znajduje się wyraźny przycisk „Bezpłatna konsultacja”, utrzymany w charakterystycznym złotym kolorze marki.
To nie tylko wizualny akcent — to psychologiczny drogowskaz, który zachęca użytkownika do kontaktu w sposób naturalny, bez presji.

Obok CTA umieszczono ikony mediów społecznościowych (Facebook, Instagram, YouTube, LinkedIn), co ułatwia przejście na inne kanały komunikacji marki. Dzięki temu nawigacja jest nie tylko funkcjonalna, ale też zintegrowana z ekosystemem online firmy.

Spójność z dolnym menu (footerem)

Dolne menu (ilustracja 2) powtarza główne sekcje w bardziej rozbudowanej formie, co wzmacnia użyteczność strony.
Użytkownik, który dotarł na sam dół witryny, nie musi wracać na górę – może od razu przejść do wybranej kategorii usług lub kontaktu.
To proste, ale genialne rozwiązanie UX, które zwiększa komfort poruszania się po stronie.

---

Formularze kontaktowe – proste narzędzie, które naprawdę działa

Każda dobra strona usługowa ma swoje serce — i często nie jest nim wcale efektowny baner, tylko formularz kontaktowy.
Na SupportMe.pl postawiliśmy na prostotę i dostępność. Zależało nam, by kontakt z biurem rachunkowym był tak intuicyjny, jak wysłanie wiadomości do znajomego.

Strategiczne rozmieszczenie formularzy

Formularze nie są tu jedynie dodatkiem do zakładki „Kontakt”.
Zostały rozmieszczone w kilku strategicznych miejscach na stronie, aby użytkownik mógł napisać w momencie, gdy jest najbardziej zaangażowany.

Formularze na SupportMe.pl mają zaledwie kilka pól: imię, e-mail, temat wiadomości i treść.
Bez zbędnych formalności, numerów NIP czy nazw firm — tylko to, co rzeczywiście potrzebne do pierwszego kontaktu.
Taki układ zwiększa liczbę wypełnień i skraca czas decyzji użytkownika.

Wszystkie pola są czytelnie opisane i odpowiednio oznaczone, a przycisk „Wyślij” jest dobrze widoczny, utrzymany w tej samej złotej kolorystyce co główne CTA na stronie.

To proste rozwiązanie, które działa zgodnie z zasadą less is more — im mniej barier, tym więcej konwersji.

Formularze wpisują się w ogólną estetykę strony:
– jasne tło,
– dużo „oddechu” między polami,
– delikatne cienie i miękkie krawędzie.

Dzięki temu nie wyglądają jak techniczny moduł, lecz naturalna część komunikacji marki.
Wszystko – od kolorystyki po mikrocopy (krótkie, przyjazne teksty w polach formularza) – ma wywołać wrażenie otwartości i dostępności.

---

Blog i artykuły – edukacja, która buduje zaufanie

Blog SupportMe.pl to przestrzeń, w której wiedza spotyka się z praktyką. Od początku projektowaliśmy go tak, by nie był tylko „dodatkiem SEO”, ale narzędziem do budowania autorytetu marki.

1. Przejrzysty układ i czytelne kategorie

Każdy wpis prezentowany jest w formie kafelków z miniaturą, tytułem i krótkim leadem, co pozwala użytkownikowi błyskawicznie znaleźć interesujący temat.
Zastosowany układ siatki (grid) porządkuje treści i nadaje im lekkość, a dzięki przewidywalnej strukturze użytkownik czuje się swobodnie.

2. Konsekwentna identyfikacja wizualna

Artykuły utrzymane są w tej samej kolorystyce i typografii co reszta strony, co buduje spójność marki.
Każdy wpis ma wyróżniony nagłówek, grafikę główną oraz CTA „Czytaj więcej” prowadzące do pełnej treści.

3. Content ekspercki, ale przystępny

Teksty napisane przez Julię łączą merytorykę z ludzkim tonem – tłumaczą, zamiast przytłaczać.
Poruszane tematy są zgodne z działalnością firmy (księgowość, kadry, podatki, CSR), ale prezentowane w języku zrozumiałym dla przedsiębiorców.
To podejście sprawia, że blog nie tylko zwiększa ruch z wyszukiwarki, ale też buduje relacje i lojalność użytkowników.

Blog SupportMe.pl to przykład, jak dobrze zaplanowany content może stać się elementem strategii UX.

„Nie każdy użytkownik od razu zostaje klientem — ale dobry artykuł sprawia, że chce wrócić.”

Widżet bloga – trzy ostatnie wpisy, które przyciągają uwagę

W dolnej części podstron znajduje się widżet z trzema najnowszymi artykułami z bloga SupportMe.pl. To mały, ale bardzo skuteczny element, który pełni kilka funkcji naraz: informacyjną, wizerunkową i SEO.

Moduł prezentuje trzy wpisy w formie kafelków z grafiką główną, tytułem i krótkim opisem (leadem).
Dzięki temu użytkownik może błyskawicznie zorientować się, o czym są artykuły, i przejść dalej jednym kliknięciem.
Układ kafelkowy jest w pełni spójny z resztą strony – zachowuje tę samą siatkę, marginesy i typografię.
To sprawia, że sekcja wygląda naturalnie, a nie „doklejona”.

---

Media społecznościowe – most między stroną a społecznością

Współczesna marka nie kończy swojej komunikacji na stronie internetowej. Dlatego od początku wiedzieliśmy, że SupportMe.pl musi być zintegrowane z mediami społecznościowymi, które są naturalnym przedłużeniem relacji z klientem.

Spójne rozmieszczenie i widoczność

Ikony mediów społecznościowych (Facebook, Instagram, YouTube, LinkedIn) zostały umieszczone w dwóch kluczowych miejscach:

• w nagłówku obok przycisku „Bezpłatna konsultacja”,
• oraz w stopce strony, obok danych kontaktowych.

Takie rozmieszczenie sprawia, że użytkownik ma do nich dostęp zarówno na początku, jak i na końcu ścieżki przeglądania strony – niezależnie od tego, w którym momencie zdecyduje się sprawdzić firmę w social mediach.

Ikony zaprojektowano w złotej tonacji, spójnej z brandingiem SupportMe.pl.
Dzięki temu nie odciągają uwagi od treści, ale subtelnie podkreślają profesjonalny charakter marki.
Zachowana proporcja, minimalizm i brak efektów hover sprawiają, że wyglądają elegancko i wiarygodnie — dokładnie tak, jak sama marka.

Linki do mediów społecznościowych nie są tu tylko formalnością.
To świadomy zabieg, który poszerza zasięg marki i pozwala kontynuować kontakt poza stroną.
Facebook i Instagram wspierają relacje z klientami B2C, YouTube buduje edukacyjny wizerunek (np. wideo o zmianach podatkowych), a LinkedIn kierowany jest do partnerów i klientów biznesowych.

Dzięki temu SupportMe.pl komunikuje się spójnie na wszystkich kanałach – a strona główna pełni rolę centralnego punktu odniesienia dla całego ekosystemu online.

---

Efekty i wnioski

Każdy projekt kończy się momentem, w którym klikamy „publikuj”. Ale dla nas ten moment to nie koniec – to początek obserwacji, analizy i wniosków.
W przypadku SupportMe.pl wiedzieliśmy od razu, że stworzyliśmy coś więcej niż ładną wizytówkę. Stworzyliśmy narzędzie do komunikacji marki z klientem, które realnie wspiera sprzedaż usług i buduje wizerunek eksperta.

Efekty po wdrożeniu

Już po kilku tygodniach od uruchomienia zauważyliśmy pierwsze pozytywne sygnały:

1. Zwiększona liczba zapytań z formularzy kontaktowych.
   Dzięki klarownej strukturze i strategicznie rozmieszczonym przyciskom CTA, strona skutecznie prowadzi użytkownika do kontaktu.
2. Większe zaangażowanie użytkowników.
   Analiza map kliknięć pokazała, że użytkownicy chętnie eksplorują zakładki usług, blog i sekcję „Jak działamy”. Czas spędzany na stronie wzrósł średnio o 40% w porównaniu z poprzednią wersją witryny.
3. Poprawa widoczności w wyszukiwarce.
   Już po pierwszym miesiącu wdrożenia strona zaczęła pojawiać się w wynikach organicznych Google na kluczowe frazy: księgowość Lublin, doradztwo podatkowe online, audyt CSR.
   To efekt przemyślanej architektury treści i optymalizacji SEO wykonanej od podstaw.
4. Większa spójność wizerunkowa.
   Zastosowana kolorystyka, ton komunikacji i struktura usług podkreślają profesjonalizm i empatię marki. Dzięki temu SupportMe wyróżnia się na tle klasycznych biur rachunkowych, które często komunikują się sztywnym, technicznym językiem.

Co było kluczem do sukcesu

Z perspektywy zespołu, sukces projektu SupportMe.pl opierał się na trzech filarach:

1. Współpraca bez granic między specjalistami.
   Pracowaliśmy równolegle, ale w ścisłym kontakcie. Każdy etap – od UX po copy – wpływał na pozostałe. Nie było typowego modelu „oddaj i zapomnij”.
   Piotr konsultował każdy układ sekcji z Julią, Zbyszek testował funkcjonalności, zanim powstały ostateczne treści. Dzięki temu strona jest spójna od pierwszego kliknięcia po ostatni akapit.
2. Podejście użytkownikocentryczne.
   Wszystkie decyzje – od hierarchii informacji po długość akapitów – były oparte na potrzebach użytkownika, nie estetyce dla samej estetyki.
   Strona ma prowadzić, nie przytłaczać. Ma pomagać, nie komplikować.
3. Zrozumienie marki i jej misji.
   Klientka nie chciała strony, która „sprzedaje księgowość”. Chciała strony, która pokazuje filozofię współpracy opartej na zaufaniu i partnerskim podejściu.
   To myśl przewodnia, która towarzyszyła nam od pierwszego szkicu sitemap po ostatnią korektę treści.

---

Wnioski i lekcje z projektu

• UX to nie tylko układ elementów, ale sposób myślenia.
  Gdy struktura jest logiczna, a ścieżki użytkownika jasno zaplanowane, treść zaczyna „prowadzić się sama”.
• Dobry content nie opisuje – on tłumaczy.
  Julia pokazała to w praktyce: język zrozumiały dla przedsiębiorcy, bez skrótów i branżowego żargonu, potrafi być równie ekspercki, co akademicki.
• Estetyka jest nośnikiem emocji.
  Piotr postawił na wizualną lekkość, która budzi zaufanie, ale nie dystans. To przykład, że design w usługach finansowych może być przyjazny, nie surowy.
• Technologia jest niewidzialna, kiedy działa dobrze.
  Dzięki pracy Zbyszka strona ładuje się błyskawicznie, działa bezbłędnie na każdym urządzeniu i daje użytkownikowi to, czego potrzebuje – poczucie płynności i komfortu.

Podsumowanie

Projekt SupportMe.pl to przykład, jak połączenie projektowania UX, wdrożenia technicznego i copywritingu strategicznego może całkowicie odmienić sposób, w jaki firma komunikuje swoje usługi.
Dla nas to nie tylko realizacja kolejnego zlecenia – to dowód, że kiedy zespół ma wspólną wizję i szacunek do swojej pracy, powstają rzeczy, które naprawdę działają.

„Nie tworzyliśmy strony internetowej. Tworzyliśmy doświadczenie — takie, które sprawia, że użytkownik zostaje na dłużej.”

---