Wszystkie realizacje

VisualOnPoint

Portfolio projektanta, które zastąpiło link do Behance: własna podstrona dla każdej realizacji, ciemny i jasny motyw, WordPress jako panel do zarządzania treścią.

Klient
VisualOnPoint / Dominik Borowski
Realizacja
Maj 2026
Zakres
Strona w Astro, headless WordPress
Technologie
Astro, WordPress (headless), Cloudflare Pages, Cloudflare Workers, Cloudflare Zaraz, GSAP, Three.js
VisualOnPoint / Dominik Borowski: strona główna
98/100 PageSpeed (mobile)
GSAP Złożone animacje
2,3 s LCP (mobile)

Pomiar: Maj 2026

Punkt wyjścia

VisualOnPoint specjalizuje się w identyfikacjach wizualnych, grafikach do social media i materiałach marketingowych. Potrzebna była strona, która zaprezentuje realizacje w sposób, który sam w sobie jest dowodem kompetencji projektowych. Problem polegał na tym, że dotychczasowa prezentacja prac opierała się tylko na Behance i Facebook. Oba kanały działają, ale nie dają kontroli. Strona miała być miejscem, gdzie klient zobaczy nie tylko efekt końcowy, ale też proces myślenia za projektem. Dodatkowym wymaganiem był system dwóch motywów (ciemny i jasny), bo sam charakter prezentowanych prac opiera się na kontrastach. Strona musiała dobrze wyglądać w obu wariantach i dawać odwiedzającemu wybór, bez wymuszania jednego stylu.

visualonpoint.com: sekcja kontaktu z jednym formularzem i zdjęciem właściciela, bez pośredników.

Co zrobiliśmy

  • Projekt i wdrożenie strony w Astro z hostingiem na Cloudflare Pages
  • WordPress jako panel do zarządzania realizacjami i treściami (headless)
  • Cloudflare Workers do obsługi komunikacji i zabezpieczenia między stroną a WordPressem
  • Żywa sekcja powitalna z dużą typografią i mockupami materiałów brandingowych
  • Sekcja usług z trzema głównymi kategoriami
  • Animowany schemat procesu współpracy wizualizujący cztery etapy
  • Indeks realizacji z szablonem realizacji, jako osobne podstrony dla każdego projektu
  • Każda realizacja z trójczęściowym podziałem: kontekst → kierunek → efekt
  • Siatka koncepcji projektowych
  • Ciemny motyw domyślny z zielonym akcentem i pełny jasny motyw do przełączenia
  • Animacja ładowania strony, niestandardowy kursor i inne efekty wizualne
  • Złożone interakcje i animacje z wykorzystaniem bibliotek GSAP i Three.js
  • Dostosowanie strony zgodnie z najlepszymi praktykami dostępności
  • Optymalizacja Google PageSpeed dla szybkości, SEO, dostępności i AI
  • Podłączenie Analityki Google oraz Search Console
  • Konfiguracja obsługi zgód cookies w Cloudflare Zaraz
Najczęstsze pytania przed kontaktem: odpowiedzi na pytania o wycenę i proces, zanim ktoś napisze.

Rezultat

Strona działa jako samodzielne narzędzie sprzedażowe. Zamiast wysyłać potencjalnym klientom link do Behance, właściciel kieruje ich na visualonpoint.com, gdzie każda realizacja ma własną podstronę z kontekstem, kierunkiem projektowym i efektem. Strona ładuje się szybko - PageSpeed Mobile 98/100, Desktop 70-94/100. Przełącznik motywu działa płynnie, z zapamiętaniem preferencji użytkownika. Animacje wyłączają się automatycznie u osób, które wolą mniej ruchu na stronie.

Zobacz stronę na żywo

Więcej ekranów

1 / 15
Manifest projektowy z modelem 3D sygnetu.
Proces współpracy w czterech krokach, animowany przy przewijaniu.
visualonpoint.com: ekran 5
visualonpoint.com: ekran 6
visualonpoint.com: ekran 7
visualonpoint.com: ekran 8
visualonpoint.com: ekran 9
visualonpoint.com: ekran 10
visualonpoint.com: ekran 11
visualonpoint.com: ekran 12
visualonpoint.com: ekran 13
visualonpoint.com: ekran 14
visualonpoint.com: ekran 15
visualonpoint.com: ekran 16
visualonpoint.com: ekran 17

Następna realizacja

MZUK Wałbrzych

Serwis spółki miejskiej, w którym mieszkaniec znajduje harmonogram odbioru odpadów bez przekopywania się przez strukturę organizacyjną. Dostępność WCAG 2.2 i 96 punktów na telefonie.

Podobny efekt u Ciebie zaczyna się od pomiaru