Projektowanie stron www
Nie projektujemy dla algorytmu. Projektujemy dla ludzi, którzy mają cztery sekundy zanim zamkną kartę. Każdy detal ma uzasadnienie — bo decyduje, czy zostaną.
- Na miarę
Custom design
Zaczynamy od rozmowy z founderami — kim są użytkownicy, co odróżnia was od konkurencji. Z tego budujemy tokeny, system kolorów i hierarchię typograficzną. Zero templates.
- Typo
Typografia zmienna
Fraunces z osiami opsz, SOFT, WONK to nie ozdoba — to sygnał marki. Variable fonts dają kontrolę nad rytmem tekstu inną na każdym breakpoincie.
- Animacja
Motion design
GSAP, ScrollTrigger, Lenis — nie po to, „żeby było ładnie”. Każda animacja prowadzi wzrok, podkreśla hierarchię, sygnalizuje stan.
- System
System marki
Tokeny, dark mode, kolory semantyczne. Spójna baza, która rośnie z firmą — dodajesz feature, system dopasowuje style automatycznie.
Strony, które chcielibyśmy oglądać. Każdy detal ma uzasadnienie — wybór fontu, kolejność sekcji, timing animacji. Nic nie znalazło się tu przez przypadek.
Jak to wygląda
- Rozmowa
Rozmowa o decyzjach, nie kolorach
Ustalamy, kto otwiera tę stronę, po co i co ma zrobić w następnej minucie. Z odpowiedzi wychodzi kolejność sekcji, hierarchia treści i jedno zdanie, które ma zostać w głowie po zamknięciu karty. Bez warsztatu strategicznego, bez kickoffu z prezentacją, bez moodboardu do zaakceptowania.
- Projekt
Layout w przeglądarce, nie w PDF
Projekt oglądasz pod adresem, nie w załączniku. Stoją na nim twoje teksty, dobrany krój, siatka i pierwsze ruchy interfejsu — przewijasz to na własnym telefonie. Typografia zmienna i motion ustalają się tutaj, bo dopiero w ruchu widać, czy działają.
- Wdrożenie
Uruchomienie i to, co potem
Strona idzie na Vercel z domeną, danymi strukturalnymi i wynikiem Lighthouse sprawdzonym przed wypuszczeniem, nie tydzień po. Później drobne zmiany — nowa realizacja, inny numer, poprawka w tekście — robi ta sama trójka, która stronę zaprojektowała. Bez przekazania do działu utrzymania.
Decyzje z wdrożonych stron
Nawigacja bez cennika i logowania
Na pamietajmnie.pl otwórz dowolny profil pamięci: górna belka prowadzi wyłącznie do MEMORIAŁU, BIOGRAFII, GALERII i OSI CZASU. Nie ma CENNIKA, nie ma FUNKCJI, nie ma przycisku ZALOGUJ SIĘ. Ten adres otwiera się po zeskanowaniu kodu QR z nagrobka — czyta go ktoś stojący na cmentarzu, nie ktoś, kto rozważa zakup. Nawigacja bywa pierwszą decyzją projektową, nie ostatnią.
Opinie bez nazwisk, bez gwiazdek
Na porzadnie24.pl sekcja opinii ma trzy cytaty podpisane rolą i miejscem — „Klientka z Bolesławca”, „Host Airbnb” — i zdanie, że autorzy woleli pozostać anonimowi. Ani gwiazdek, ani średniej, ani widgetu Google. Sprzątanie to wpuszczenie obcego do domu: nazwany powód anonimowości czyta się wiarygodniej niż „Anna K.” ze zdjęciem ze stocku.
Pasujemy, gdy
- Masz wizję, brakuje Ci design discipline
- Konkurujesz z większymi i potrzebujesz przewagi
- Strona ma sprzedawać, nie być wizytówką
Prawdopodobnie nie my, gdy
- Szukasz gotowego szablonu
- Potrzebujesz „na wczoraj”, bez procesu
- Nie masz jeszcze contentu ani brandu
Częste pytania
- Czy muszę mieć gotowe teksty i zdjęcia, zanim zaczniemy?
- Nie muszą być gotowe — musi być wiadomo, co strona ma mówić. Zaczynamy od struktury: jakie sekcje, w jakiej kolejności, co w każdej jest najważniejsze. Na tym szkielecie piszemy razem z tobą, a zdjęcia albo dobieramy, albo planujemy sesję. Jeśli nie masz jeszcze ani treści, ani marki — najpierw rozmowa o tym, nie o layoucie.
- Czy będę mógł sam zmieniać treści na stronie?
- To zależy, jak często coś się zmienia. Przy stronie firmowej, gdzie raz na kwartał dochodzi realizacja albo zmienia się numer, szybciej jest napisać do nas — to samo repo, ta sama osoba, zero panelu, którego i tak nikt nie otwiera. Przy blogu albo ofercie ruszanej co tydzień wpinamy headless CMS i twój zespół edytuje sam.
- Czy animacje nie spowolnią strony na telefonie?
- Nie, jeśli są zrobione porządnie. Animujemy wyłącznie transform i opacity — właściwości liczone przez kartę graficzną, więc nie blokują wątku głównego i nie przesuwają layoutu. Każdy build mierzymy na symulowanym telefonie, zanim trafi na produkcję. Systemowe ograniczenie ruchu wyłącza animacje automatycznie, a strona dalej działa w całości.
- Co, jeśli projekt mi się nie spodoba?
- Nie ma jednego wielkiego odsłonięcia, po którym można się rozczarować. Kierunek ustalamy na pierwszej sekcji — kolor, krój, siatka, tempo — i dopiero gdy ta jedna działa, budujemy resztę na tych samych zasadach. Poprawki zbieramy w rundach i przy każdej mówimy, co zmiana zrobi z resztą strony. Rozmawiamy o powodach, nie o gustach.