01
Semantyczny HTML5
Prawidłowe użycie <header>, <main>, <article>, <nav>, <section>. Aria-labels, role, alt w obrazach. WCAG 2.1 AA — dostępność nie jako dodatek, tylko jako fundament.
AAwcag
Masz gotowy projekt graficzny w Figmie, Sketchu albo PSD i potrzebujesz developera, który go zakoduje bez straty na pikselach. Bierzemy makietę, zwracamy semantyczny HTML5 z responsywnym CSS, interakcjami w JS i wdrożeniem na Vercelu lub klasycznym hostingu — w 2 do 5 dni roboczych.
Implementacja to jedna z najczęściej zamawianych u nas usług. Klient przychodzi z projektem w Figmie — własnym, od agencji designerskiej albo kupionym na Dribbble — i potrzebuje kogoś, kto zamieni warstwy graficzne w działającą stronę. Zajmujemy się całym frontendem: semantycznym HTML5, responsywnym CSS na Tailwind lub vanilla, interakcjami w JavaScript oraz integracjami (formularze kontaktowe, mapy, analityka, Cloudinary). Na koniec deploy na Vercelu, GitHub Pages albo klasycznym hostingu — z ciągłym workflow Git i dokumentacją.
Nie jesteśmy agencją designerską — od tego są inni. Jesteśmy developerami, którzy robią dobrą robotę z cudzą makietą: pilnujemy spacingu, typografii, breakpointów i micro-interakcji dokładnie tak, jak zaprojektował designer. Jeśli masz własny projekt graficzny, możesz go zlecić nam i zaoszczędzić 40–60% wobec stawek warszawskich agencji full-service. Jeśli sam jesteś designerem i szukasz dewelopera pod projekty — pogadajmy, white-label jak najbardziej wchodzi w grę.
Dla większych wdrożeń, gdzie potrzebny jest CMS do samodzielnej edycji treści, kierujemy do /uslugi/strony-wordpress. Jeśli projektu jeszcze nie masz, najpierw idź do /uslugi/projektowanie-ui-ux — zrobimy Ci makietę, a potem ją zakodujemy jako jedno spójne zlecenie.
Kompletna strona gotowa do publikacji: od struktury kodu, przez interakcje, po deploy na produkcję. Zero ukrytych kosztów, zero doinstalowywania po fakcie.
Prawidłowe użycie <header>, <main>, <article>, <nav>, <section>. Aria-labels, role, alt w obrazach. WCAG 2.1 AA — dostępność nie jako dodatek, tylko jako fundament.
Tailwind CSS 4 lub vanilla CSS zgodnie z preferencją. Mobile-first, 4 breakpointy (sm/md/lg/xl), fluid typography, container queries gdzie to ma sens.
Animacje scroll, menu mobilne, akordeony, galerie, lightboxy, filtrowanie. Vanilla JS lub Alpine.js — bez zbędnego frameworka na stronę brochure.
Formularz kontaktowy (Resend, SMTP lub Formspree), Google Maps / OpenStreetMap, analytics (GA4, Plausible, Umami), pixel FB, Tag Manager. Bez dopłat.
Lazy loading obrazów, automatyczna konwersja do WebP/AVIF, minifikacja CSS/JS, preload krytycznych assetów, critical CSS inline. Lighthouse ≥ 95/100.
Wdrożenie na Vercel (free tier wystarczy), GitHub Pages, Netlify albo klasyczny hosting FTP. Konfiguracja domeny, SSL, redirecty 301.
Chrome, Firefox, Safari (macOS + iOS), Edge — desktop i mobile. BrowserStack dla starszych wersji jeśli klient potrzebuje. Zero surprise'ów po launchu.
Pełen kod w prywatnym repo GitHub przekazany klientowi po zakończeniu. Czytelna historia commitów, README z instrukcją uruchomienia lokalnego.
README z instrukcją edycji treści, listą integracji, adresami panelu admina i hasłami w szyfrowanym vault. Plus 30 dni supportu po launchu.
5 etapów · średnio 3 dni robocze
Oglądamy makietę w Figmie, identyfikujemy edge case'y (stany hover, mobile, puste stany), ustalamy breakpointy, pytamy o brakujące warianty. Wycena fix-price w 24h.
Tworzymy prywatne repo na GitHubie, konfigurujemy Tailwind, font loader, base reset, strukturę folderów. Pierwszy commit = sekcja hero na produkcji.
Sekcja po sekcji, dokładnie według makiety — z live preview na Vercel po każdym pushu. Klient widzi postęp na bieżąco i może zgłaszać uwagi zanim skończymy.
Formularz kontaktowy, analytics, mapa, animacje scroll. Cross-browser testing na 4 silnikach, test Lighthouse, test WCAG kontrastów i focusów.
Konfiguracja domeny, SSL, redirecty, DNS. README z dokumentacją. Transfer repo i dostępów do klienta. 30 dni darmowego supportu po launchu.
Żadnych generatorów stron, żadnego no-code. Prawdziwy kod, który da się rozwijać i przekazać innemu deweloperowi bez przepisywania.
Semantyczne tagi, Flexbox, Grid, custom properties. Zero haków — kod wygląda tak, jak w standardach W3C 2024.
Utility-first CSS z @theme inline. 14x mniejszy bundle niż ręcznie pisany Sass. Można zamienić na vanilla CSS jeśli klient woli.
Bez Reacta, bez Vue. Dla stron brochure 99% interakcji da się zrobić w 30 kb JavaScriptu. Alpine.js dla deklaratywnych komponentów.
Automatyczna konwersja PNG/JPG do WebP (fallback) i AVIF (nowoczesne przeglądarki). Sharp albo Cloudinary CDN.
Deploy z Gita, automatyczne SSL, edge CDN, preview URLs dla branchy. Klient dostaje darmowy hosting o mocy Cloudfronta.
Wszystko w wersjonowaniu, czytelne commity, CI/CD przez GitHub Actions gdy trzeba. Klient dostaje pełen kod, nie licencję.
Automatyczne audyty performance, accessibility, SEO i best practices. Każdy deploy weryfikowany — nie wypuszczamy 'później poprawimy'.
Cross-browser testing na Safari iOS, Chrome Android, Firefox ESR, Edge. Dla klientów B2B dodatkowo IE11 legacy support jeśli trzeba.
Stawka startowa 500 PLN netto = implementacja prostego one-page landinga (hero + 3–4 sekcje + formularz kontaktowy) z gotowej makiety. Pełna strona wielostronicowa (home + 4–6 podstron z różnymi layoutami) to przedział 1 200–2 500 PLN w zależności od złożoności interakcji i liczby integracji. Dla landing page'ów kampanijnych z A/B testami i pixelami marketingowymi — od 800 PLN. Szczegółowy cennik z przykładami znajdziesz w /cennik, a indywidualną wycenę w 24h dostaniesz po krótkim briefie na /kontakt.
Cena netto, VAT 23%, faktura VAT lub rachunek. Raty 0% dostępne przez Vivus/Revolut Business dla kwot powyżej 1 000 PLN. Zadatek 30% przy starcie, reszta po deploy. Umowa z klauzulą o prawach autorskich przenoszonych na klienta w momencie zapłaty końcowej.
05 questions
Placeholder — do uzupełnienia: [opis 1 realizacji implementacyjnej: klient, branża, zakres prac, czas realizacji, efekt biznesowy po launchu]. Tymczasowo: pełna lista wdrożeń jest na /portfolio.
Chętnie pokażemy konkretne case'y live — wystarczy napisać na /kontakt, wyślemy linki do produkcyjnych wdrożeń z ostatnich 6 miesięcy razem z krótkim opisem każdego (stack, czas, budżet, efekt).
Wyślij makietę Figmy (link view), krótki opis zakresu i termin docelowy. Wycenę fix-price dostaniesz w 24 godziny, start od razu po akceptacji, deploy w 2–5 dni roboczych. Bez zadatków na kreatywność — płacisz za konkretny kod, nie za 'koncepcję'.