Usługa · 03

Strony, sklepy i aplikacje.

Lekki kod, szybkie ładowanie, przyjazne SEO od pierwszej linijki. Tworzymy strony WWW, sklepy WooCommerce/Shopify i aplikacje w Next.js — z myślą o wyniku PageSpeed 90+ na mobile.

96/100
Średni wynik PageSpeed Insights stron, które wdrażamy (mobile).
Co to znaczy "kodować dobrze"

Strona, która ładuje się w sekundę i jest w pełni indeksowana przez Google, sprzedaje 2–3× lepiej niż piękny szablon, na który trzeba czekać 6 sekund. Tak po prostu.

W Suchhelden Marketing nie używamy WordPressa "bo łatwo". Wybieramy stack pod konkretne potrzeby projektu: Next.js + React dla aplikacji i nowoczesnych stron, WordPress / WooCommerce dla projektów, które muszą być edytowalne przez nietechnicznego klienta, Shopify dla e-commerce z międzynarodową sprzedażą.

Każdy projekt zaczynamy od brifu i wireframe'ów. Potem projekt graficzny w Figmie, do akceptacji. Dopiero potem dotykamy kodu — co oznacza, że nie musisz "wyobrażać sobie" strony — widzisz ją zanim powstanie.

Kod, który piszemy, jest Twój — dostajesz dostęp do repozytorium Git od pierwszego commita. Hosting konfigurujemy na Vercel, Netlify, Cloudways lub DigitalOcean — w zależności od potrzeb. Wszystko zoptymalizowane pod Core Web Vitals i SEO od pierwszego dnia po publikacji.

Programowanie w liczbach
96/100
Średni wynik PageSpeed Insights stron, które wdrażamy (mobile).
3–4 tyg.
Czas wdrożenia prostej strony-wizytówki z 5–8 podstronami.
8–12 tyg.
Czas wdrożenia sklepu e-commerce z integracjami i panelem.
12 mc
Gwarancja na kod — bezpłatnie naprawiamy każdy błąd, który się pojawi.
Zakres pracy

Co dokładnie robimy w ramach programowania.

Od prostej strony-wizytówki po dedykowane aplikacje webowe. Cokolwiek zbudujemy, dostajesz pełen kod źródłowy i dokumentację — bez vendor lock-inu.

Strony WWW i wizytówki
Strony korporacyjne, strony usługowe, lendingi pod kampanie. Od prostych 5-podstronowych wizytówek po duże portale z 100+ podstronami. WordPress, Next.js lub Astro — wybór pod projekt.
Sklepy e-commerce
WooCommerce (najpopularniejsze w PL), Shopify (skalowalne, międzynarodowe), PrestaShop, dedykowane sklepy w Next.js. Integracje z Allegro, BaseLinker, kurierami, systemami płatności.
Aplikacje webowe
Dedykowane aplikacje SaaS, panele klienta, kalkulatory, konfiguratory produktów, intranetowe narzędzia. Stack: Next.js + React + Node.js, baza w PostgreSQL lub Supabase.
Headless CMS
Sanity, Strapi, Contentful, Storyblok — gdy potrzebujesz wygodnego panelu redaktorskiego dla rozbudowanego contentu, a frontend chcesz mieć szybki i nowoczesny.
Integracje API
CRM (HubSpot, Pipedrive), ERP, systemy magazynowe, IFIRMA / wFirma, GA4, Meta CAPI, mailingi (MailerLite, Brevo, ActiveCampaign), Stripe, Przelewy24, Tpay.
Maintenance i opieka
Po wdrożeniu możemy dalej opiekować się stroną: aktualizacje, kopie zapasowe, bezpieczeństwo, nowe funkcjonalności, drobne poprawki. Roczna opieka albo praca godzinowa.
Jak pracujemy

Cztery etapy,
od briefu do publikacji.

Pracujemy w sprintach 1-tygodniowych. Co tydzień pokazujemy postęp — najpierw wireframe'y, potem projekt graficzny w Figmie, potem działający kod. Bez "miesiącami nic się nie dzieje".

01
Brief + wireframe'y
Spotkanie startowe, ustalenie zakresu, person, treści. Powstają wireframe'y wszystkich kluczowych podstron — do akceptacji przed grafiką.
Tydzień 1
02
Projekt graficzny (Figma)
Projekt graficzny w Figmie — wszystkie podstrony, stany responsywne, mikro-interakcje. Ty komentujesz bezpośrednio w plikach, my poprawiamy.
Tydzień 2–3
03
Development
Kodowanie strony: frontend, backend, integracje, panel admina. Wersję staging widzisz na bieżąco — codzienne aktualizacje na linku testowym.
Tydzień 3–6
04
Testy + wdrożenie
Testy wydajności (Core Web Vitals), bezpieczeństwa, kompatybilności. Wdrożenie na produkcję, szkolenie dla zespołu, 7 dni intensywnego wsparcia.
Tydzień 7
Case study · Programowanie

Jak przebudowaliśmy sklep e-commerce
z PageSpeed 32 na 96.

Zobacz wszystkie case studies
E-commerce · meble biurowe

Sklep z meblami biurowymi

Migracja w 2023 r. · 1 200+ produktów · B2B + B2C
32 → 96
PageSpeed
−2,4s
LCP
+47%
Konwersja
Problem
Klient prowadził sklep na klasycznym WooCommerce z 12 wtyczkami i ciężkim szablonem. PageSpeed na mobile: 32/100, LCP 4,8 sekundy. Google obniżał pozycje, klienci porzucali koszyk — konwersja spadła do 1,1%. Każda kolejna wtyczka tylko pogarszała sytuację.
Rozwiązanie
Migracja na headless architecture: WooCommerce zostaje jako backend (panel produktów, zamówień), ale frontend zbudowany od zera w Next.js + obrazy w next/image, lazy loading, prefetching, cache na Cloudflare. Wszystkie integracje (BaseLinker, Allegro, Tpay) przez API.
Efekt
Po wdrożeniu: PageSpeed 96/100 na mobile, LCP 1,2s (z 4,8s), TTFB 0,4s. Konwersja sklepu wzrosła z 1,1% do 1,6% (+47%). Pozycje SEO w 3 miesiące wróciły do TOP 10 — Google docenił szybkość.
FAQ — Programowanie

Najczęstsze pytania
o tworzenie stron.

[ kod w edytorze ]
Ile trwa zrobienie strony WWW?
Prosta strona-wizytówka (5–8 podstron): 3–4 tygodnie. Strona z blogiem i bardziej rozbudowaną nawigacją (15–25 podstron): 5–7 tygodni. Sklep e-commerce: 8–12 tygodni. Dedykowana aplikacja SaaS: od 12 tygodni wzwyż. Wszystko zależy od liczby integracji i kompleksowości.
WordPress czy Next.js — który stack wybrać?
WordPress — gdy zespół klienta sam będzie edytował treści (blog, podstrony) i potrzebuje znanego panelu. Next.js — gdy strona musi być wyjątkowo szybka, ma rozbudowane interakcje, integracje API albo dynamiczne dane. Headless (WordPress + Next.js) — gdy chcesz "to i to". Doradzimy podczas pierwszej rozmowy.
Czy mogę sam edytować treści po wdrożeniu?
Tak. Każdy projekt ma panel administracyjny — WordPress, Sanity, Strapi lub własny custom panel. Po wdrożeniu robimy 2-godzinne szkolenie dla zespołu, jak dodawać podstrony, posty, produkty, edytować menu. Dostajesz też nagranie video do późniejszego sprawdzenia.
Czyje będzie kod i hosting?
Twoje. Repozytorium kodu (GitHub/GitLab) zakładamy od pierwszego commita — możesz patrzeć, jak pracujemy. Po wdrożeniu zostaje z Tobą cały kod, dokumentacja techniczna, dostęp do panelu, hostingu i domeny. Bez vendor lock-inu — możesz wynieść stronę do innej agencji bez problemu.
Co po wdrożeniu — opieka czy "rób sobie sam"?
Możesz wziąć pakiet maintenance (aktualizacje, kopie zapasowe, drobne poprawki) za stałą opłatę miesięczną. Możesz też płacić godzinowo za rzeczy ad hoc. Możesz też nic z nas nie chcieć — kod jest Twój, dokumentacja jest Twoja, dasz radę z innym programistą.
Czy macie gwarancję na kod?
Tak. 12 miesięcy gwarancji na kod — bezpłatnie naprawiamy każdy błąd, który się pojawi i wynika z naszej pracy (nie z aktualizacji przeglądarek, zmian w API zewnętrznych usług itd.). Po roku możesz przedłużyć w pakiecie maintenance albo płacić godzinowo za naprawy.
Bezpłatna wycena

Opowiedz, czego potrzebujesz,
my wycenimy w 48h.

Krótki brief + 30-minutowa rozmowa wstępna. W ciągu 48 godzin dostajesz konkretną wycenę projektu (z widełkami: od–do) oraz orientacyjny harmonogram. Wycena to wycena, nie "od 5 000 zł netto".