Strony internetowe · Kalkulatory
Pomagam małym firmom pokazać ofertę w internecie: tworzę przejrzyste strony, które dobrze działają na telefonie, oraz kalkulatory, które od razu liczą koszt usługi albo zysk ze sprzedaży.
Kontakt po polsku.
Можно писать по-русски.
Materials can also be prepared in English.
Strona-wizytówka albo mała strona, na której klient szybko znajdzie ofertę, ceny, przykłady prac i kontakt.
Kalkulator, który po wybraniu opcji od razu pokazuje cenę usługi, czas wizyty albo zysk ze sprzedaży — z rozbiciem na pozycje.
Nie zajmuję się sklepami z płatnościami online, integracjami z systemami CRM ani pozycjonowaniem (SEO).
Cztery projekty demonstracyjne: firmy są fikcyjne, ale strony i narzędzia działają naprawdę — każdy projekt ma link.
Projekt demonstracyjny strony fikcyjnego salonu manicure — z autorską koncepcją wizualną, galerią prac, cennikiem i demonstracyjnym kalendarzem wizyt.
Płótno Studio to projekt demonstracyjny jednostronicowej strony internetowej fikcyjnego salonu manicure. Koncepcja wizualna opiera się na motywie łuku, ciepłej palecie mlecznych, pudrowych i śliwkowych odcieni oraz połączeniu eleganckiego kroju szeryfowego z nowoczesnym bezszeryfowym.
Strona prowadzi odwiedzającego od pierwszego wrażenia do umówienia wizyty: od hasła „Nie musisz wiedzieć, czego chcesz.” przez galerię prac w ramkach o różnych kształtach, przedstawienie zespołu i cennik z rozwijanymi opisami usług aż po kalendarz wizyt i dane kontaktowe. Strona dopasowuje się do ekranów komputerów, tabletów i telefonów.
Kalendarz ma charakter demonstracyjny: klient wybiera usługę, dzień i godzinę, a na końcu widzi podsumowanie wyboru. Niedziele i święta są niedostępne. Wybór niczego nie rezerwuje i nie jest nigdzie wysyłany.
Moja rola: opracowanie koncepcji wizualnej i struktury strony, przygotowanie zdjęć z wykorzystaniem narzędzi AI, redakcja tekstów, testowanie oraz samodzielna publikacja strony.
Salon, zespół, ceny i dane kontaktowe są fikcyjne. Zdjęcia mają charakter poglądowy i zostały wygenerowane przez AI.
Testowanie: obecną, opublikowaną wersję strony sprawdzono 21.10.2026: kalendarz wizyt przeszedł 89 z 89 testów automatycznych (m.in. zablokowane święta, widoczne oznaczenie DEMO, brak wysyłania danych), a układ na ekranie o szerokości 390 px — 16 z 16 sprawdzeń. Na szerokości 1440 px wygląd strony po ostatniej zmianie pozostał bez zmian.
Technologie i narzędzia: HTML, CSS i JavaScript, Claude Code, ChatGPT (zdjęcia), Cloudflare Pages.
Projekt demonstracyjny fikcyjnej warszawskiej piekarni: wielostronicowa strona internetowa z katalogiem wypieków oraz interaktywna gra dla dzieci, połączone wspólnym logo i kolorystyką.
Piekarnia u Adama to projekt demonstracyjny fikcyjnej warszawskiej piekarni, obejmujący wielostronicową stronę internetową oraz interaktywną grę dla dzieci „Poranek w piekarni”. Oba elementy łączy autorska koncepcja wizualna, wspólne logo i spójna kolorystyka.
Strona internetowa składa się z pięciu podstron: strony głównej, katalogu 19 wypieków z wyszukiwarką i filtrowaniem według kategorii, strony produktu, formularza zamówienia tortu oraz strony błędu 404. Zawiera także godziny otwarcia piekarni i dopasowuje się do ekranów komputerów, tabletów i telefonów. Formularz ma charakter demonstracyjny — nie wysyła ani nie zapisuje danych.
Gra „Poranek w piekarni” polega na obsłudze gości piekarni. Gracz sprawdza zamówienie, wybiera właściwe produkty z witryny i wydaje je gościowi, zanim skończy się jego cierpliwość. Piekarz Adam reaguje na przebieg gry, a po zakończeniu zmiany gracz widzi podsumowanie swojego wyniku.
Moja rola: opracowanie koncepcji i wymagań, ustalenie struktury i kierunku wizualnego, przygotowanie materiałów graficznych z wykorzystaniem narzędzi AI, redakcja polskich tekstów, testowanie oraz samodzielna publikacja strony internetowej i gry.
Projekt powstał z wykorzystaniem narzędzi AI i platformy do vibe codingu. Piekarnia, jej historia, ceny i dane kontaktowe są fikcyjne. Zdjęcia mają charakter poglądowy i zostały wygenerowane przez AI.
Strona internetowa
Gra „Poranek w piekarni”
Grafika
Strona: wszystkie pięć podstron sprawdzono automatycznie w przeglądarce Chrome na szerokościach 1440, 768, 390 i 360 px — bez przewijania w poziomie i z poprawnie wczytanym logo. Po publikacji wszystkie 67 plików strony porównano z wersją lokalną.
Gra: opublikowaną polską wersję gry sprawdzono testami automatycznymi 26.10.2026: 101 z 101 sprawdzeń (m.in. zamówienia, bonus za serię, pomyłki, podsumowanie zmiany, ekrany 390 i 360 px), 9 z 9 sprawdzeń reakcji piekarza przy wolnym połączeniu, a w wariancie z pełną, trzyminutową zmianą — 104 z 104 sprawdzeń.
Technologie i narzędzia: HTML, CSS i JavaScript (bez frameworków), Claude Code, Sharrowkin — platforma do vibe codingu, na której powstała pierwotna wersja gry, GPT Image 2.5 (zdjęcia), Ideogram (koncepcja logo i postaci Adama), Cloudflare Pages.
Projekt demonstracyjny: narzędzie szacujące zysk i marżę z pojedynczej sprzedaży na Etsy w modelu Print on Demand — bez rabatu i z rabatem, obok siebie. Interfejs w języku rosyjskim, kwoty w euro.
Wynik ma charakter orientacyjny i nie jest poradą podatkową ani księgową.
Etsy POD Calculator to demonstracyjne narzędzie dla sprzedawców Etsy, którzy współpracują z partnerem Print on Demand: partner drukuje i wysyła produkt, a sprzedawca odpowiada za projekt i cenę. Kalkulator pokazuje, ile pieniędzy zostaje z jednej sprzedaży po potrąceniu prowizji Etsy oraz kosztów produkcji i wysyłki.
Użytkownik wpisuje cenę produktu, rabat, opłatę za wysyłkę po stronie kupującego oraz koszty partnera POD. Kalkulator od razu pokazuje przychód, każdą prowizję i koszt w osobnym wierszu, a także szacunkowy zysk i marżę — w dwóch kolumnach: bez rabatu i z rabatem. Dzięki temu widać, ile zysku kosztuje rabat i czy sprzedaż nie staje się nierentowna.
Domyślne stawki prowizji Etsy dla Polski zostały sprawdzone w centrum pomocy Etsy i można je zmienić. Kalkulator jasno informuje, czego nie uwzględnia: podatków, reklamy, przewalutowania i VAT od prowizji Etsy. Interfejs jest w języku rosyjskim, kwoty w euro.
Kalkulator powstał według uzgodnionej specyfikacji z przykładami kontrolnymi.
Moja rola: uzgodnienie założeń i specyfikacji (logika obliczeń, ograniczenia, przykłady kontrolne), odbiór kolejnych etapów, testowanie ręczne według tabeli kontrolnej na komputerze i smartfonie oraz samodzielna publikacja.
Testowanie: obliczenia, obsługa błędnych i pustych pól oraz układ na różnych szerokościach ekranu zostały sprawdzone testami automatycznymi w przeglądarce Chrome oraz ręcznie według tabeli kontrolnej — lokalnie, na opublikowanej stronie i na smartfonie z systemem Android.
Technologie i narzędzia: HTML, CSS i JavaScript (jeden plik, bez zewnętrznych bibliotek), Claude Code, Cloudflare Pages.
Projekt demonstracyjny: kalkulator, który od razu pokazuje szacunkowy koszt i czas wizyty w fikcyjnym salonie paznokci. Interfejs w języku angielskim, ceny w euro.
Salon i ceny są fikcyjne.
Sample Nail Studio to demonstracyjny kalkulator kosztów usług dla fikcyjnego salonu paznokci. Klient wybiera zabieg, opcjonalnie usunięcie poprzedniego lakieru hybrydowego, liczbę paznokci ze zdobieniem i dzień wizyty, a kalkulator od razu pokazuje szacunkową cenę z rozbiciem na pozycje oraz przybliżony czas wizyty. Interfejs jest w języku angielskim, a ceny podane są w euro.
Kalkulator pilnuje zasad cennika: usunięcie lakieru hybrydowego jest dostępne tylko przy zabiegach hybrydowych, a za wizytę w sobotę doliczana jest dopłata 10%. Przy błędnie wpisanej liczbie paznokci nie pokazuje wyniku, tylko wyjaśnia, co poprawić. Układ dopasowuje się do ekranów komputerów, tabletów i telefonów.
Kalkulator powstał według uzgodnionej specyfikacji z przykładami kontrolnymi.
Moja rola: pomysł i założenia projektu, uzgodnienie logiki obliczeń i przykładów kontrolnych, odbiór kolejnych etapów, testowanie ręczne na komputerze i smartfonie z systemem Android oraz samodzielna publikacja.
Testowanie: obliczenia, obsługa błędnych danych, układ na różnych szerokościach ekranu i obsługa klawiaturą zostały sprawdzone testami automatycznymi w przeglądarce Chrome. Dodatkowo ręcznie sprawdzono działanie kalkulatora na smartfonie z systemem Android. Wykryte błędy zostały poprawione przed publikacją.
Technologie i narzędzia: HTML, CSS i JavaScript (jeden plik, bez zewnętrznych bibliotek), Claude Code, Cloudflare Pages.
Opisujesz, czego potrzebujesz. Zadaję kilka pytań: o cel, materiały, termin i budżet.
Przed startem ustalamy, co wchodzi w zakres, a co nie, ile rund poprawek obejmuje cena i od kiedy liczymy termin.
Pokazuję postęp na roboczej wersji. Obliczenia w kalkulatorach sprawdzam na uzgodnionych przykładach.
Przekazuję gotową stronę lub kalkulator. Domena i hosting są zakładane na Twoje dane.
Zmiany wykraczające poza uzgodniony zakres wyceniam osobno. Pracuję z pomocą narzędzi AI — od koncepcji po publikację.
Najprościej napisać e-mail. Wystarczy kilka zdań:
Kontakt po polsku.
Можно писать по-русски.
Materials can also be prepared in English.
