Projektowanie i tworzenie stron internetowych

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.

  • Wersja mobilna od pierwszego szkicu
  • Dostępność według WCAG 2.2
  • Bez zbędnych skryptów i śledzenia
Strona główna Aldervane Construction na ekranie komputera
Strona główna salonu LUMA Studio Fryzur na ekranie komputera
Strona główna sklepu S&G na ekranie telefonu
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.

Salon 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.

Firma budowlana · Wielostronicowa strona firmowa

Aldervane Construction

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.

Sklep odzieżowy · Landing page sklepu internetowego

S&G

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.

Oferta

Co mogę dla Ciebie zrobić

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.

    Przykład: S&G
  • Modernizacja istniejącej strony

    Odświeżenie wyglądu, poprawa wersji mobilnej, czytelności i struktury treści. Bez zaczynania od zera, jeśli nie ma takiej potrzeby.

  • Optymalizacja szybkości, dostępności i SEO

    Audyt i poprawki istniejącej strony: krótszy czas ładowania, lepsza obsługa klawiaturą i czytnikami ekranu, uporządkowane SEO techniczne.

  • Masz inny pomysł?

    Nie wiesz, od czego zacząć, albo potrzebujesz czegoś spoza listy? Opisz sytuację w kilku zdaniach — podpowiem rozwiązanie.

    Opisz swój projekt

Dlaczego warto

Dobra strona to suma detali

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.

Pokaż warstwę

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.

Pierwszy ekran strony salonu LUMA Studio Fryzur na komputerze
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.

  1. 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.

  2. 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.

  3. 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.

  4. 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.

  5. 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.

  6. 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.

FAQ

Najczęstsze pytania

Nie ma tu Twojego pytania? Napisz do mnie — odpowiem.

Ile kosztuje stworzenie strony internetowej?

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.

Napisz e-mail

Adres e-mail:

Co warto napisać w pierwszej wiadomości

  • 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.

Wróć na górę strony