Projekt koncepcyjny
Sowa & Wróbel: strona kancelarii w dwóch wersjach, z ruchem i bez.
To projekt pokazowy ALUK, nie zlecenie. Kancelaria „Sowa & Wróbel” nie istnieje. Wymyśliłem ją, żeby pokazać różnicę, a nie o niej opowiadać. Ta sama strona w wersji A bez skryptów i B z delikatnym ruchem działa na kancelaria.madebyaluk.pl. Taką stronę dla prawdziwej firmy wyceniam indywidualnie, po rozmowie i podglądzie. Jak wyceniam.
Założenia
Co zobaczysz na stronie.
Kancelaria radców prawnych z Poznania, dwoje partnerów. Klient trafia tu w stresie. W kilka sekund chce wiedzieć trzy rzeczy: czy zajmują się jego sprawą, ile to kosztuje i jak zadzwonić. Wszystko, co opóźnia te odpowiedzi, zabiera zapytania.
Założenie: jeden szablon, dwie wersje z tej samej treści. A to punkt odniesienia. B to najwięcej ruchu, który w tej branży jeszcze pomaga. Tak pokazuję „nudnym” branżom różnicę, zamiast o niej mówić.
01Wersja A: zero JavaScriptu.
Sam HTML i CSS. Ciemny pierwszy ekran ze zdjęciem gabinetu, tytuł w kroju Fraunces i cztery liczby. Specjalizacje, zespół, proces, opinie, pytania i kontakt widać od razu. Po najechaniu myszą zmieniają się tylko linki. To punkt odniesienia, nie „gorsza” wersja.
02Wersja B: delikatny ruch.
Ten sam szablon i jeden skrypt. Tytuł odsłania się linia po linii, zdjęcie w tle lekko się cofa. Sekcje wchodzą spokojnie, raz. Liczniki lat i spraw dochodzą do wyniku. Zdjęcia procesu przesuwają się wolniej niż tekst. Menu dostaje tło po przewinięciu. Odpowiedzi na pytania wysuwają się płynnie.
03Czego celowo nie ma.
Nie ma ekranu ładowania ani płynnego przewijania. Litery się nie rozsypują, żadna sekcja nie trzyma ekranu. Nie ma wideo na starcie ani własnego kursora. Telefon jest w menu i na pierwszym ekranie. W tej branży każda z tych rzeczy opóźnia to, po co klient przyszedł: numer i zakres spraw.
04Jedna treść, dwie wersje.
Obie wersje powstają z jednego szablonu. Różni je tylko ruch. Na stronie startowej wybierasz A albo B. Gdy ktoś wyłączył animacje w systemie, B też stoi w miejscu.
Prawdziwa strona
Jak zrobię to u Ciebie.
Prezentacja to zwykły HTML. Biblioteka animacji ładuje się z zewnętrznego serwera. Twoją stronę buduję tak, żeby łatwo było ją zmieniać i utrzymać.
Astro, czasem WordPress
Dla kancelarii, gabinetu czy biura rachunkowego buduję w Astro. Gdy potrzebujesz WordPressa, stawiam go bez ciężkich nakładek do układania stron. Ruch jak w wersji B: proste przejścia i jeden lekki skrypt. Większa biblioteka tylko wtedy, gdy naprawdę coś wnosi.
Zaufanie przed ruchem
Telefon i zakres spraw w pierwszych trzech sekundach. Zespół z twarzami. Honorarium na stronie. Animacja nie może zepchnąć żadnej z tych rzeczy pod ekran.
Ruch z wyłącznikiem
Gdy ktoś wyłączył animacje w systemie, widzi to samo co w wersji A. Formularz i linki działają bez JavaScriptu.
Pomiar zamiast opinii
U Ciebie obie wersje mogą działać pod jednym adresem. Wtedy porównasz, która daje więcej zapytań. Prezentacja pokazuje różnicę. Liczby przyjdą z Twojego ruchu, nie z moich obietnic.
Zastosowanie
Dla kogo jest ten styl?
Ta para stron to argument dla branż, w których liczy się zaufanie i szybka decyzja. Tam mocna animacja daje mniej zapytań. Delikatna bywa niewidoczna, i to dobrze.
Ten styl pasuje
- kancelarie, biura rachunkowe, notariusze
- kliniki, gabinety, praktyki lekarskie
- usługi lokalne, gdzie liczy się telefon od klienta, nie pokaz
Tu radzę inaczej
- marki z jednym produktem i wydarzenia: tam ruch sprzedaje, zobacz Haldę albo ZGIEŁK
- portfolio pracowni i studiów: tam klient ogląda, zobacz Osnowę
- produkty cyfrowe, które najlepiej tłumaczy ekran w ruchu: zobacz Nurt
Fakty: tylko to, co zmierzyłem
Marka jest wymyślona. Nie ma sprzedaży ani zapytań, więc ich nie podaję.- Waga przy pierwszym wejściu, wersja B (1600×1000)
- 0,61 MB
- Skrypty w wersji A
- 0
Kontakt
Taka strona dla Twojej kancelarii?
Zacznijmy od konkretów.
Napisz, czym zajmuje się Twoja kancelaria albo gabinet. Po rozmowie i podglądzie dostaniesz zakres, termin i cenę na piśmie. O animacji powiem tyle, ile naprawdę ma sens.
Wolisz maila? kontakt@madebyaluk.pl