01
Semantyczny HTML5
Struktura, którą rozumie czytnik ekranu i robot Google: nagłówki w kolejności, opisy obrazków, etykiety pól formularza. Próg dostępności WCAG 2.1 AA.
AAwcag
Projekt masz. Brakuje osoby, która zamieni go w stronę bez przesuwania sekcji „bo tak łatwiej zakodować”. Oddajesz makietę z Figmy, Sketcha albo PSD, dostajesz działającą stronę z formularzem, zgodami RODO i analityką, wdrożoną pod Twoją domeną. Od 500 zł, w 2–5 dni roboczych.
To usługa dla tych, którzy mają już projekt i nie chcą płacić po raz drugi za etap kreatywny. Przyjmuję makietę zrobioną przez kogokolwiek: Twojego grafika, agencję, kupiony szablon. Nie doliczam za to, że nie jest moja, i nie przerabiam jej po cichu pod własne przyzwyczajenia — odstępy, kroje pisma i zachowanie na telefonie odwzorowuję tak, jak zaprojektował je autor.
Zamów kodowanie, jeśli: masz gotowy projekt i szukasz wykonawcy; jesteś grafikiem i potrzebujesz programisty do swoich zleceń; albo masz stronę, której nie da się już poprawiać, a projekt nowej wersji leży zrobiony od miesięcy.
Nie zamawiaj kodowania, jeśli: projektu jeszcze nie ma — wtedy zacznij od [makiety](/uslugi/projektowanie-ui-ux), bo kodowanie na podstawie zrzutów ekranu kończy się zgadywaniem. Odpuść też, jeśli sam chcesz później dopisywać podstrony i wpisy — zwykły kod trzeba do tego edytować w edytorze tekstu. Wtedy właściwym wyborem jest [strona z panelem do treści](/uslugi/aplikacje-nextjs), nawet jeśli na starcie kosztuje więcej.
Zakres to cały front: struktura HTML, style, animacje, formularz z walidacją i zgodami, mapa, analityka oraz wdrożenie pod Twoją domeną. Kod ląduje w repozytorium na Twoim koncie — nie w moim.
Wszystko poniżej wchodzi w cenę wdrożenia. Nic z tej listy nie jest dopłatą po fakcie.
Struktura, którą rozumie czytnik ekranu i robot Google: nagłówki w kolejności, opisy obrazków, etykiety pól formularza. Próg dostępności WCAG 2.1 AA.
Cztery progi szerokości: telefon, tablet, laptop, duży monitor. Najpierw telefon, bo stamtąd przychodzi większość ruchu do firm usługowych.
Menu na telefonie, rozwijane sekcje, galeria z powiększaniem zdjęć, filtry, animacje przy przewijaniu. Bez ciężkich bibliotek na stronę wizytówkową.
Formularz wysyłający maila na Twoją skrzynkę, mapa dojazdu, Google Analytics, Tag Manager, piksel Facebooka. W cenie, nie za dopłatą.
Zdjęcia przerobione na lżejsze formaty i wczytywane dopiero przy przewijaniu, style i skrypty odchudzone. Wynik co najmniej 95/100 w PageSpeed.
Publikacja na Vercelu, Netlify albo zwykłym hostingu FTP, podpięcie domeny, certyfikat i przekierowania ze starych adresów. Hosting statyczny bywa darmowy.
Chrome, Firefox, Safari na Macu i iPhonie oraz Edge — na komputerze i na telefonie. Starsze wersje sprawdzam na życzenie, gdy masz klientów firmowych.
Cały kod w prywatnym repozytorium, którego właścicielem jesteś Ty. Czytelna historia zmian i instrukcja uruchomienia dla następnego programisty.
Instrukcja zmiany treści napisana dla osoby nietechnicznej, lista podłączonych narzędzi, hasła przekazane szyfrowanym kanałem. Do tego 30 dni gwarancji.
5 etapów · średnio 3 dni robocze
Sprawdzam, czego w projekcie brakuje: stanów przycisków, wersji na telefon, widoku pustej listy, komunikatu błędu formularza. Efekt: spisana lista braków i stała wycena w 24 h.
Zakładam prywatne repozytorium na Twoim koncie i przygotowuję style bazowe oraz kroje pisma. Efekt: pierwsza sekcja strony pod adresem podglądowym, który możesz otworzyć tego samego dnia.
Sekcja po sekcji, według makiety. Adres podglądowy odświeża się po każdej zmianie. Efekt: widzisz postęp codziennie i zgłaszasz uwagi w trakcie, a nie dopiero przy odbiorze.
Formularz, mapa, analityka, animacje. Potem testy na czterech przeglądarkach, pomiar PageSpeed i sprawdzenie kontrastów. Efekt: raport z wynikami przed odbiorem.
Podpinam domenę, certyfikat i przekierowania ze starych adresów. Efekt: strona pod właściwym adresem, dostępy i dokumentacja u Ciebie, 30 dni gwarancji od dnia odbioru.
Ż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.
Publikacja prosto z repozytorium, certyfikat odnawiany automatycznie, serwery blisko użytkownika, osobny adres podglądowy dla każdej zmiany. Dla strony firmowej zwykle 0 zł.
Każda zmiana zapisana z datą i opisem, testy i publikacja uruchamiane automatycznie. Dostajesz kod na własność, nie licencję na jego używanie.
Automatyczne audyty performance, accessibility, SEO i best practices. Każde wdrożenie sprawdzane przed publikacją — nic nie wychodzi z adnotacją „poprawi się później”.
Testy na Safari w iPhonie, Chrome w Androidzie, Firefoksie i Edge. Starsze wersje przeglądarek sprawdzam wtedy, gdy Twoi klienci firmowi wciąż z nich korzystają.
500 zł netto to jednostronicowa makieta: nagłówek, 3–4 sekcje i formularz kontaktowy. Tyle kosztuje najczęściej wizytówka usługodawcy, który ma już projekt.
1 200–2 500 zł to strona wielostronicowa — strona główna i 4–6 podstron o różnych układach. O miejscu w tym przedziale decyduje liczba podłączeń i to, ile na stronie jest ruchomych elementów.
Od 800 zł kosztuje strona pod kampanię reklamową: piksele, warianty do testowania, osobne adresy dla każdego źródła ruchu.
Płatność: 30% zaliczki przy umowie, reszta po odbiorze. Raty 0% rozkładam na 2–3 części bezpośrednio ze mną, bez banku i bez badania zdolności. Faktura VAT 23% wchodzi Ci w koszty. Prawa do kodu przechodzą na Ciebie z chwilą zapłaty końcowej — to zapis w umowie, nie deklaracja. Wycenę dostajesz w 24 h po [briefie](/kontakt), pełne zestawienie jest w [cenniku](/cennik).
05 questions
Wdrożenia obejrzysz na [/portfolio](/portfolio). Kafelki opisane jako studia stylów są ćwiczeniami warsztatowymi, nie pracami dla klientów — i tak są oznaczone, żeby nie było wątpliwości.
Dwa realne wdrożenia stoją dziś na produkcji: centrum rehabilitacji Exura Ortho i Kancelaria Notarialna Włoszczyński. Napisz na [/kontakt](/kontakt), a podeślę linki i powiem, ile każde z nich zajęło.
Wyślij link do makiety, krótki opis zakresu i termin, na który strona ma stać. Stałą wycenę dostajesz w 24 h, start zaraz po akceptacji, publikacja w 2–5 dni roboczych. Płacisz za kod, nie za etap koncepcyjny — ten masz już za sobą.