Strony internetowe pisane w kodzie: lekkie, szybkie i z animacjami

Strony składane w kreatorach, np. na WordPressie z Elementorem, działają i wiele firm ma takie do dziś. Ich budowa jest jednak wolna i kosztowna: każdą sekcję układa się ręcznie, a każda animacja to kolejna wtyczka albo godziny obchodzenia ograniczeń edytora. Do tego strona ciągnie za sobą kod, z którego nie korzysta, więc ładuje się wolniej, zwłaszcza na telefonie.

Dziś piszemy strony w kodzie, a narzędzia AI przejmują powtarzalną część pracy. Przy dobrze ustawionym procesie za ten sam budżet dostajesz wielokrotnie więcej: płynne animacje, przejścia między sekcjami i efekty, które wciągają odwiedzającego w stronę, zamiast pokazywać mu kolejny szablon. W kreatorze takie rzeczy zajęłyby kilka razy więcej godzin.

Przy okazji strona jest lżejsza. Nie ma w niej kreatora, kilkunastu wtyczek ani skryptów „na zapas”, więc ładuje się znacznie szybciej. Klient nie czeka na pierwszy ekran, a Google bierze szybkość strony pod uwagę.

AI nie projektuje za nas. Układ, typografię, treści i decyzje zostawiamy projektantowi, a każdą stronę sprawdzamy ręcznie na komputerze i na telefonie. Tak powstała też strona, którą właśnie oglądasz.

Wybór zależy od tego, co klient ma zrobić na stronie: zadzwonić, napisać, kupić. Ceny poniżej są netto.

• Landing page: jedna strona, jedna oferta, jedno działanie (telefon, formularz, zapis). Sprawdza się przy kampanii reklamowej, nowej usłudze lub wydarzeniu. Od 1 830 zł z wersją mobilną.
• Strona firmowa: strona główna i podstrony, np. usługi, realizacje, o firmie, kontakt. Każda usługa ma swój adres, który podeślesz klientowi albo podepniesz pod reklamę. Strona główna i 4 podstrony: od 3 600 zł z wersją mobilną, bez treści.
• Sklep: gdy sprzedajesz online. Do strony dochodzi projekt sklepu (390 zł) i jego wdrożenie (650 zł), a często też integracje, np. płatności lub dostawy (95–450 zł za integrację).

Blog możesz dodać do każdej z nich: projekt 340 zł, wdrożenie 220 zł. Nie wiesz, co wybrać? Opisz w briefie, skąd przychodzą Twoi klienci i co mają zrobić na stronie. Zaproponujemy zakres, a decyzja zostaje po Twojej stronie.

Każdą część wyceniamy osobno, więc możesz zamówić:

• sam projekt w Figmie, jeśli stronę wdroży Twój programista,
• projekt i wdrożenie, jeśli treści piszesz sam,
• całość z treściami: strona główna 260 zł, podstrona 180 zł netto.

Projekt powstaje pod Twoją ofertę i Twoich klientów. Oglądasz go w przeglądarce i zostawiasz komentarz przy konkretnym elemencie, np. „tu zdjęcie z realizacji” albo „ten przycisk wyżej”. Każdą stronę widzisz, zanim trafi do kodu, więc zmiany zgłaszasz wtedy, kiedy są najprostsze.

Treści piszemy pod stronę, a nie pod ulotkę: krótkie akapity, nagłówki mówiące, co klient dostaje, i jasne wezwanie do kontaktu w każdej sekcji. Projekt, wdrożenie i treści prowadzimy w jednym miejscu, więc nic nie ginie między grafikiem, programistą i copywriterem, a Ty nie musisz być posłańcem między nimi.

Strona w kodzie nie oznacza, że każdą poprawkę musisz zlecać programiście. Wybierasz, jak chcesz ją zmieniać:

• Panel edycji (350 zł): indywidualny panel pod Twoją stronę. Logujesz się hasłem i kodem z telefonu, zmieniasz teksty, ceny, zdjęcia i wpisy na blogu, a strona aktualizuje się sama. W panelu jest tylko to, co Twoja strona naprawdę ma, bez setek opcji, w których łatwo coś zepsuć.
• WordPress: jeśli Twój zespół zna WordPressa albo prowadzisz w nim bloga lub produkty, łączymy z nim stronę. Treści zostają w WordPressie, a strona dalej jest lekka.
• Kod: dostajesz pełny dostęp do kodu, więc zmiany może wprowadzić Twój programista albo my.

Wiele osób zobaczy Twoją stronę pierwszy raz na telefonie: w autobusie, w kolejce, między jednym spotkaniem a drugim. Wersja mobilna to osobno dopracowany układ: menu, przyciski, kolejność sekcji, rozmiar tekstu. Kosztuje 15% ceny wersji na komputer.

Nowe funkcje, np. rezerwacje, wersja językowa czy płatności, wymagają integracji. Jeśli wiesz o nich przed startem, wpisz je w briefie. Koszt integracji (95–450 zł netto) znajdzie się wtedy w wycenie, a nie w niespodziance na koniec.

Do wyceny wystarczy brief na dole strony (cztery krótkie kroki) albo 30-minutowa rozmowa. Nie wszystko musi być gotowe, ale przydadzą się:

• lista podstron, których potrzebujesz, choćby robocza,
• treści albo informacja, że mamy je napisać,
• logo i kolory firmy, najlepiej w plikach wektorowych,
• zdjęcia: firmy, zespołu, realizacji, produktów,
• 2–3 strony, które Ci się podobają, i jedno zdanie, dlaczego,
• informacja, czy chcesz panel edycji, czy WordPressa,
• dostęp do domeny i hostingu, jeśli już je masz.

Masz starą stronę, np. na WordPressie? Podaj jej adres. Sprawdzimy, które treści i podstrony warto przenieść, a z których spokojnie zrezygnować.

Po briefie podajemy cenę i termin. Cena w trakcie się nie zmienia, a płacisz dopiero po wykonaniu pracy.