Strony internetowe, które klienci rozumieją od pierwszego spojrzenia.
Projektuję i koduję nowoczesne strony dla firm i specjalistów — szybkie, czytelne
i dostępne na każdym urządzeniu. Dbam o detale, dzięki którym Twoja oferta jest jasna,
a kontakt z Tobą prosty.
Fragmenty realizacji: salon LUMA (komputer), sklep S&G (telefon) i firma budowlana Aldervane.
Realizacje
Wybrane realizacje
Projekty demonstracyjne: firmy i dane są przykładowe, ale kod, projekt i rozwiązania —
prawdziwe. Każdą stronę możesz otworzyć i sprawdzić na żywo, także na telefonie.
01Salon fryzjerski · Strona usługowa (one-page)
LUMA Studio Fryzur
Wizytówka kameralnego salonu fryzjerskiego. W kilka sekund widać, co salon oferuje, ile to
kosztuje i jak umówić wizytę — na telefonie tak samo wygodnie jak na komputerze.
Cennik w rozwijanych kategoriach
Galeria z powiększeniem obsługiwana klawiaturą
Godziny otwarcia z wyróżnieniem bieżącego dnia
Dane salonu edytowane w jednym pliku
HTML5
CSS3
JavaScript (bez bibliotek)
Node.js (skrypt budujący)
Projekt demonstracyjny. Nazwa salonu, dane kontaktowe, ceny i ilustracje są
przykładowe.
Rozbudowana strona generalnego wykonawcy — usługi, realizacje z filtrem, blog, zespół
i formularz zapytania ofertowego. Język wizualny inspirowany rysunkiem technicznym.
13 podstron, w tym realizacje, blog i zespół
Filtr realizacji z komunikatem dla czytników ekranu
Formularz z walidacją i ochroną po stronie serwera (PHP)
Zgodność ze ścisłą polityką CSP — bez skryptów i stylów inline
HTML5
CSS3 (zmienne, Grid, BEM)
JavaScript (bez bibliotek)
PHP 8
Projekt demonstracyjny. Nazwa firmy, osoby, opinie, liczby i opisy realizacji
są fikcyjne.
Strona sklepu z codzienną odzieżą damską i męską. Filtry, ulubione, szybki wybór rozmiaru
i koszyk w panelu bocznym — wygodne także jedną ręką na telefonie.
Filtry produktów i lista ulubionych
Koszyk w panelu bocznym, zapamiętywany w przeglądarce
Szybki wybór rozmiaru i tabela rozmiarów
Informacja o najniższej cenie z 30 dni (Omnibus)
HTML5
CSS3 (architektura modułowa)
JavaScript (bez bibliotek)
Projekt demonstracyjny. Marka, produkty, ceny i dane firmy są przykładowe;
płatności nie są podłączone.
Każdą stronę dopasowuję do celu Twojej firmy. Poniżej najczęstsze rodzaje projektów — jeśli nie
wiesz, który wybrać, opisz krótko sytuację, a podpowiem rozwiązanie.
Strona wizytówka
Prosta, wiarygodna obecność w sieci: kim jesteś, co oferujesz i jak się z Tobą
skontaktować. Dobry start dla nowej firmy lub specjalisty.
Landing page
Jedna strona pod jeden cel: kampanię, produkt lub wydarzenie. Każda sekcja prowadzi do jednego,
konkretnego działania.
Portfolio internetowe
Dla twórców i specjalistów, których praca najlepiej mówi sama za siebie. Realizacje pokazane
czytelnie, z miejscem na opis i kontekst.
Interfejs sklepu internetowego
Projekt i kod warstwy, którą widzi klient: kategorie, karty produktów, filtry i koszyk wygodne
także na telefonie. Zakres integracji z platformą sprzedażową ustalamy przed startem prac.
Klient widzi wygląd. Ja pracuję też nad tym, czego nie widać, a co decyduje, czy strona przynosi
zapytania. Sprawdź to na prawdziwym przykładzie — przełącz warstwy poniżej.
Tak pierwszy ekran strony salonu LUMA widzi klient: jedno zdanie o salonie, krótki opis
i dwa wyraźne przyciski.
Pod spodem: nagłówek strony, nawigacja i treść główna są oznaczone semantycznie (header, nav,
main), a tytuł to jedyny nagłówek H1. Dzięki temu Google i czytniki ekranu od razu
rozumieją układ.
Kolejność obsługi klawiaturą: 12 elementów w naturalnym porządku, zaczynając od linku „Przejdź
do treści”. Najmniejszy element ma 44 px, a kontrast nagłówka wynosi 14,7 : 1 (wymagane
minimum to 4,5 : 1).
Przy pierwszym wczytaniu przeglądarka pobiera 8 plików (ok. 211 KB) wyłącznie z serwera
strony — bez skryptów firm trzecich. Główny obraz to WebP (3 rozmiary do wyboru przez
przeglądarkę) z wysokim priorytetem wczytania, a font (28 KB) jest hostowany
lokalnie.
Dane zebrane automatycznie z działającej strony 21 października 2026 (Chrome, widok 1440 ×
900 px).
Zobacz realizację LUMA
Szybkość
Na telefonie, przy słabszym zasięgu, każdy zbędny megabajt to sekundy oczekiwania —
a zniecierpliwiony klient zamyka kartę. Google ocenia też doświadczenie użytkownika za pomocą
wskaźników Core Web Vitals.
Co robię: Optymalizuję obrazy i fonty, ładuję tylko to, co potrzebne,
i pilnuję wskaźników LCP, INP i CLS od pierwszej linijki kodu.
Responsywność
Twoi klienci trafiają na stronę z telefonu, tabletu i komputera — często w biegu,
jedną ręką. Strona, którą trzeba powiększać palcami, traci ich uwagę.
Co robię: Układ płynnie dopasowuje się do ekranu, przyciski są wygodne dla kciuka,
a tekst czytelny bez powiększania.
Dostępność
Ze stron korzystają osoby niedowidzące, poruszające się klawiaturą czy z czytnikiem ekranu —
ale też każdy w ostrym słońcu albo z chwilowym urazem ręki. Od 28 czerwca 2025 r. wymogi
dostępności obejmują także część usług świadczonych przez firmy, m.in. w handlu elektronicznym.
Co robię: Pracuję według WCAG 2.2 na poziomie AA: kontrast, obsługa klawiaturą,
poprawna struktura, opisy obrazów i ograniczanie animacji.
Bezpieczeństwo
Każda wtyczka i zewnętrzny skrypt to potencjalna luka i kolejna firma, która widzi Twoich
klientów. Włamanie czy wyciek danych kosztuje znacznie więcej niż profilaktyka.
Co robię: Ograniczam zależności do minimum, stosuję HTTPS, politykę bezpieczeństwa
treści (CSP) i nagłówki ochronne, a dane z formularzy sprawdzam po stronie serwera.
Czytelna architektura
Odwiedzający daje stronie kilka sekund. Jeśli nie znajdzie odpowiedzi na pytania „co?”, „dla kogo?”
i „jak się skontaktować?”, wróci do wyników wyszukiwania.
Co robię: Planuję strukturę wokół pytań Twoich klientów. Logiczne nagłówki
i sekcje pomagają też Google i czytnikom ekranu zrozumieć treść.
Współpraca
Jak wygląda współpraca
Sześć etapów i jasny efekt każdego z nich. Na każdym etapie wiesz, co się dzieje i co
dostajesz.
01
Etap 1: Rozmowa i poznanie potrzeb
Poznaję Twoją firmę, klientów i cel strony. Ustalamy, co ma się wydarzyć, gdy ktoś na nią wejdzie:
telefon, zapytanie, rezerwacja?
Efekt etapu: Wspólnie ustalony cel i zakres.
02
Etap 2: Analiza i koncepcja
Przeglądam konkurencję i Twoje materiały, planuję strukturę podstron i sekcji oraz drogę,
którą odwiedzający dojdzie do kontaktu.
Efekt etapu: Plan strony, wycena i harmonogram.
03
Etap 3: Projektowanie
Projektuję układ, typografię i kolorystykę dopasowane do Twojej marki — zaczynając od wersji
na telefon.
Efekt etapu: Projekt do akceptacji przed kodowaniem.
04
Etap 4: Wdrożenie
Koduję stronę: semantyczny HTML, nowoczesny CSS i tylko taki JavaScript, który jest naprawdę
potrzebny.
Efekt etapu: Działająca wersja strony do przeglądu.
05
Etap 5: Testowanie i optymalizacja
Sprawdzam stronę na różnych urządzeniach i przeglądarkach, testuję dostępność, szybkość i SEO
techniczne, a potem poprawiam to, co trzeba.
Efekt etapu: Strona gotowa do publikacji.
06
Etap 6: Przekazanie projektu
Publikuję stronę na swoim hostingu. Pokazuję, jak wprowadzać zmiany, albo ustalamy zasady dalszej
opieki.
Efekt etapu: Strona online i jasne zasady dalszej opieki.
O mnie
Cześć, jestem Eryk
Projektuję i koduję strony internetowe — od pierwszej rozmowy po publikację. Najbardziej lubię
moment, w którym rozbudowana oferta zamienia się w prostą, czytelną stronę, na której klient
od razu wie, co zrobić dalej.
Każdy projekt zaczynam od pytania, co ma zrobić odwiedzający, a dopiero potem wybieram kolory
i animacje. Lubię porządek: jasną strukturę, czytelną typografię i kod, który da się łatwo
rozwijać.
Zwracam uwagę na rzeczy, których często nie widać na pierwszy rzut oka: czy przycisk da się wygodnie
nacisnąć kciukiem, czy strona działa bez myszy, jak szybko ładuje się na telefonie i czy nie
przekazuje danych odwiedzających przypadkowym firmom.
Na czym mi zależy
Dbałość o detale — Od odstępów i typografii po komunikaty błędów.
Czytelność i użyteczność — Najważniejsze informacje widoczne od razu.
Indywidualne podejście — Projekt dopasowany do Twojej firmy, nie do szablonu.
Responsywność — Wygodnie na telefonie, tablecie i komputerze.
Wydajność i bezpieczeństwo — Lekki kod, mało zależności, HTTPS
i nagłówki ochronne.
Dostępność cyfrowa — Zgodnie z WCAG 2.2 — dla wszystkich użytkowników.
Cena zależy od zakresu: liczby podstron, potrzebnych funkcji (np. formularza, galerii, wersji
językowych), tego, czy masz gotowe teksty i zdjęcia, oraz od terminu. Dlatego nie podaję cennika
„z góry”.
Po krótkiej rozmowie przygotuję wycenę z opisanym zakresem prac — tak, żeby było jasne, co
dokładnie obejmuje cena.
Jak długo trwa realizacja?
To zależy od zakresu projektu i od tego, jak szybko powstają treści, takie jak teksty
i zdjęcia. Prosta strona wizytówka powstaje zwykle szybciej niż na przykład interfejs sklepu
internetowego.
Konkretny harmonogram z etapami ustalimy przed rozpoczęciem prac.
Czy strona będzie działać na telefonie?
Tak. Projektuję od wersji mobilnej i sprawdzam stronę na różnych szerokościach ekranu — od
małych telefonów po duże monitory. Wersja na telefon jest pełnoprawna, a nie okrojona.
Czy mogę później samodzielnie zmieniać treści?
To zależy od wybranego rozwiązania i tego, jak często planujesz zmiany. Możliwe są różne
warianty: zmiany wprowadzane przeze mnie albo strona przygotowana tak, by najczęściej zmieniane
dane — np. godziny otwarcia, cennik czy dane kontaktowe — edytowało się w jednym,
czytelnie opisanym miejscu.
Jeśli potrzebujesz panelu do samodzielnej edycji, powiedz o tym na starcie — ma to wpływ na
wybór technologii.
Czy zajmujesz się domeną i hostingiem?
Tak. Rejestruję domenę i utrzymuję stronę na swoim hostingu, więc nie musisz zajmować się
sprawami technicznymi.
Koszty utrzymania domeny i hostingu pokrywasz Ty — ich wysokość i sposób rozliczania
ustalimy przed rozpoczęciem prac.
Czy strona będzie przygotowana pod SEO?
Tak, w zakresie technicznym: poprawna struktura nagłówków, unikalne tytuły i opisy, szybkie
ładowanie, przyjazne adresy, mapa strony i dane strukturalne. To fundament, bez którego trudno
o dobrą widoczność w Google.
Pozycjonowanie to jednak proces długofalowy, zależny m.in. od treści i konkurencji w Twojej
branży. Nikt nie może uczciwie zagwarantować pierwszego miejsca w wynikach wyszukiwania.
Czy strona będzie bezpieczna?
Bezpieczeństwo uwzględniam od początku: ograniczam zależności i zewnętrzne skrypty do minimum,
korzystam z szyfrowanego połączenia HTTPS i nagłówków bezpieczeństwa — w zakresie,
na jaki pozwala hosting.
Prosta strona bez zbędnego panelu administracyjnego i bazy danych ma też znacznie mniejszą
powierzchnię ataku.
Czy strona może zawierać formularz kontaktowy?
Tak. Formularz potrzebuje jednak części serwerowej, która odbierze wiadomość i bezpiecznie ją
przekaże — sama strona statyczna tego nie zrobi.
Rozwiązanie dobieram do hostingu: z walidacją danych po stronie serwera i ochroną przed
spamem, ale bez uciążliwych zabezpieczeń dla odwiedzających. Prostą i niezawodną alternatywą jest
odnośnik do wiadomości e-mail.
Czy mogę zamówić modernizację obecnej strony?
Tak. Zaczynam od przeglądu: wyglądu, wersji mobilnej, szybkości, dostępności i struktury treści.
Na tej podstawie proponuję zakres prac.
Czasem wystarczy poprawić najważniejsze elementy, a czasem lepiej zbudować stronę od nowa —
decyzja należy do Ciebie.
Czy stronę można rozbudować w przyszłości?
Tak. Buduję strony tak, by dało się dodawać podstrony, realizacje, wpisy na blogu czy nowe sekcje bez
przebudowy całości.
Plany rozbudowy warto omówić na starcie, nawet jeśli wdrożysz je później.
Czy strona będzie dostępna dla osób z niepełnosprawnościami?
Tak — pracuję według wytycznych WCAG 2.2 na poziomie AA: dbam o kontrast, obsługę
klawiaturą, poprawną strukturę dla czytników ekranu, opisy obrazów i ograniczanie animacji dla
osób, które tego potrzebują.
Stronę sprawdzam narzędziami automatycznymi i ręcznie, bo żadne narzędzie nie wykryje wszystkich
problemów.
Czy strona będzie zgodna z RODO?
Dbam o techniczną stronę ochrony prywatności: zbieram tylko niezbędne dane, unikam zbędnych
narzędzi śledzących i przygotowuję miejsce na politykę prywatności.
Treść dokumentów prawnych warto jednak zweryfikować z prawnikiem — nie udzielam porad
prawnych.
Co warto przygotować przed pierwszą rozmową?
Nie potrzebujesz gotowej specyfikacji. Wystarczy kilka zdań: czym zajmuje się Twoja firma, do kogo
kierujesz ofertę, czego oczekujesz od strony i co już masz — np. domenę, logo, teksty lub
zdjęcia.
Pomogą też przykłady stron, które Ci się podobają, i takich, które Cię irytują.
Kontakt
Porozmawiajmy o Twoim projekcie
Napisz kilka zdań o swojej firmie i o tym, czego potrzebujesz. Odpowiem pytaniami albo
propozycją kolejnego kroku — bez zobowiązań. Odpowiadam w ciągu 24 godzin.
czym zajmuje się Twoja firma i kim są Twoi klienci,
czego potrzebujesz: nowej strony, modernizacji, sklepu…
co już masz: domenę, logo, teksty, zdjęcia,
orientacyjny termin — i budżet, jeśli już go znasz.
Wysyłając wiadomość, przekazujesz mi dane zawarte w e-mailu (np. imię, adres i treść).
Wykorzystam je wyłącznie, aby odpowiedzieć i — jeśli zdecydujesz się na współpracę —
przygotować ofertę. Szczegóły:
polityka prywatności.