Strony internetoweIdentyfikacja wizualnaSocial mediaGoogle AdsAutomatyzacje AIOpieka nad stroną
Dlaczego jaPortfolioProcesCennikKontakt
PLEN日本語
Porozmawiajmy

Iskra.

Zanim zrobiłem stronę komukolwiek, zrobiłem ją sobie. Stoi tu wszystko, co pokazuję klientom: usługi z jawnym cennikiem, proces pracy i system, w którym klienci komentują makiety.

Zobacz stronę na produkcji iskratech.com
Pierwszy ekran strony Iskry: hasło „Odpal swoją firmę w sieci.” na ciemnym tle z pomarańczowymi ośmiokątami.

Iskra

Od czego się zaczęło

Iskra nie miała na starcie ani jednej realizacji do pokazania, więc pierwszą musiała być jej własna strona. Pierwsza wersja stanęła w kwietniu 2026 roku i od tamtej pory rośnie razem z firmą.

Zadanie było podwójne. Strona ma przekonać właściciela małej firmy, który szuka konkretu i ceny, a jednocześnie pokazać, że za prostym językiem stoi porządne rzemiosło.

Immersja

Jak to zostało zrobione

Ciemne tło, jeden pomarańczowy akcent i trzy ośmiokąty z logo, które poruszają się przy wejściu na stronę. Ruch jest tam, gdzie pomaga czytać, i nigdzie nie zasłania treści.

Trzy słowa z claimu, Iskra, Immersja i Substancja, mają na stronie własną sekcję. To one układają każdą realizację w portfolio, także tę.

Substancja

Co siedzi pod spodem

Sześć podstron usług, każda z jawnym cennikiem, pytaniami i odpowiedziami oraz danymi dla wyszukiwarki. Formularz kontaktowy wysyła maile i odsiewa boty bez przepisywania znaków z obrazka.

Obok strony działa system podglądów: klient dostaje link z hasłem do makiety i zostawia komentarze przypięte do konkretnych miejsc na stronie.

Decyzje techniczne
dla zainteresowanych kodem
Next.js 15, App Router, React 19

Strony renderują się na serwerze albo statycznie, więc treść jest gotowa, zanim dojdzie JavaScript.

GSAP i ScrollTrigger z bezpiecznikiem w CSS

Gdyby skrypt nie ruszył albo ktoś wyłączył animacje w systemie, cała treść i tak jest widoczna.

Fonty przez next/font

Borna i JetBrains Mono są serwowane z tej samej domeny, bez zapytań do zewnętrznych serwerów w trakcie oglądania strony.

JSON-LD: ProfessionalService, Service, Offer, FAQPage

Google dostaje dane firmy, usługi, ceny i pytania z odpowiedziami w formie, którą rozumie.

Formularz na Resend i Cloudflare Turnstile

Zgłoszenie przychodzi mailem, a boty odpadają bez captchy do przeklikiwania.

Podglądy makiet na Neon i Vercel Blob

Makiety leżą w prywatnym magazynie, a dostęp do każdej daje osobny link z hasłem.

Iskra· © 2026 Przemysław Wojenka