Przejdź do treści
mj.
Case study · Next.js · Sanity CMS

nazielono.pro

Nowa agencja marketingu cyfrowego potrzebowała strony, która zapada w pamięć i sama dowodzi kompetencji w SEO. Zaproponowałem Next.js i Sanity CMS zamiast WordPressa.

Klient
nazielono.pro
Moja rola
Architektura, frontend, wdrożenie
Stack
Next.js · Sanity CMS · React · TypeScript · Tailwind CSS · Radix UI · Mailgun · Netlify
Okres
02.2025 → wsparcie techniczne
0,6 sLCP · desktop (Lighthouse)
0,001CLS · desktop (Lighthouse)
30 msTotal Blocking Time · desktop
01

Problem

Agencja dopiero powstawała, a agencji marketingu internetowego jest na rynku bardzo dużo. Klient miał jasny cel: strona, która zapadnie w pamięć potencjalnemu klientowi i od pierwszego dnia wyróżni nową firmę.

Agencja sprzedaje marketing i SEO, więc jej strona jest wizytówką kompetencji. Dwa wymagania były najważniejsze: bardzo szybkie ładowanie i solidne podstawy SEO.

02

Podejście

Zamiast WordPressa zaproponowałem Next.js z headless CMS Sanity. Ten stack idealnie sprawdza się w tej roli: statyczne strony ładują się błyskawicznie, a SEO techniczne jest pod pełną kontrolą w kodzie. Klient chciał też na własnej skórze sprawdzić, jak JavaScript radzi sobie z SEO, i mieć pełną swobodę w rozwoju strony.

Całą architekturę zaprojektowałem i wdrożyłem sam: frontend w Next.js, treści w Sanity, formularze wysyłane przez Mailgun i hosting na Netlify.

Projekt trwał kilka miesięcy, ale większość tego czasu to wspólne szukanie koncepcji, która wyróżni firmę na rynku. Sama praca programistyczna zajęła 1–2 miesiące.

Wystartowaliśmy nietypowo: z MVP, które potem systematycznie rozwijaliśmy o nowe funkcje i poprawki. Treści, w tym blog „The Organic”, agencja edytuje sama w Sanity.

03

Efekt

W teście Lighthouse na desktopie strona osiąga LCP 0,6 s, CLS 0,001 i Total Blocking Time 30 ms. Wszystkie metryki są na zielono.

Strona jest gotowa. Agencja sama zarządza treściami, bez angażowania programisty, a ja zapewniam wsparcie techniczne: poprawki błędów i aktualizacje pakietów.

04

Kalkulator zysków

Kolejnym efektem współpracy jest kalkulator zysków, nad którym obecnie pracujemy. Na podstawie zaawansowanego algorytmu obliczeniowego szacuje potencjalne przychody z kampanii SEO/SEM prowadzonych przez agencję mojego klienta.

Użytkownik podaje parametry kampanii: budżet, CPC, średnią wartość zamówienia, liczbę wyświetleń, CTR, współczynnik konwersji i odsetek nieważnego ruchu. Kalkulator uwzględnia sezonowość i pokazuje prognozę na 12 miesięcy z przedziałem ±15%, całkowity ROAS i przychód oraz szczegółową tabelę miesięczną. Dzięki temu agencja może pokazać klientowi realny potencjał kampanii, zanim ta wystartuje.

Strona główna nazielono.pro: hero z hasłem agencjiSekcja „Przewaga w działaniu” z kartami zalet agencjiBlog „The Organic” z wyróżnionym wpisemLista wpisów na blogu z okładkamiStrona główna nazielono.pro na telefonieBlog na telefonieWpis na blogu ze spisem treści na telefonieKalkulator zysków: parametry kampanii i prognoza przychodu na 12 miesięcyKalkulator zysków: ROAS, przychód całkowity i prognoza miesięcznaParametry kampanii w kalkulatorze na telefonieWykres prognozy i ROAS na telefonieTabela prognozy miesięcznej na telefonie
Opinia
„Za namową Michała Janca, zamiast WordPress wybrałem Next.js. Długo nie musiał mnie przekonywać, bo na własnej skórze chciałem sprawdzić, jak JavaScript radzi sobie z SEO, nauczyć się pracy z nową technologią i mieć pełną dowolność w rozwoju.”
Konrad Bilski · założyciel Na Zielono