Przegląd projektu
Datona to minimalistyczna strona agencji, którą zbudowałem na WordPressie z wykorzystaniem Breakdance Pro i ACPT. Ten zestaw narzędzi został dobrany tak, aby strona pozostała lekka i estetyczna, ale jednocześnie była wygodna dla klienta po wdrożeniu.
Klient nie przekazał gotowego projektu w Figma. Zamiast tego dostałem referencje wizualne, ogólny kierunek i oczekiwania dotyczące prostoty. Moim zadaniem było przełożyć to na spójny interfejs i oddać spokojną, nowoczesną stronę bez zbędnego wizualnego hałasu.
Główne wyzwanie
Największym wyzwaniem było zachowanie minimalistycznego charakteru bez zamieniania strony w zwykłą wizytówkę. Klient chciał prostego frontendu, ale jednocześnie zależało mu na lepszym prowadzeniu użytkownika przez ścieżkę kontaktu i zapoznawania się z usługami.
Równie ważna była architektura treści. Portfolio miało być łatwe do aktualizowania, a dane kontaktowe firmy powinny dać się zmieniać w jednym miejscu bez ręcznego poprawiania wielu podstron.
Jak to zostało zbudowane
Za strukturę treści odpowiadał ACPT. Stworzyłem osobny typ wpisów dla elementów portfolio, dzięki czemu klient może dodawać i porządkować realizacje z poziomu panelu WordPress, bez dotykania makiet czy kodu. W tym projekcie elementy portfolio nie prowadzą do wewnętrznych case studies, ale bezpośrednio otwierają działające strony, co okazało się najprostszym i najbardziej naturalnym rozwiązaniem.
Ten sam mechanizm wykorzystałem do obsługi danych kontaktowych. Osobna strona ustawień pozwala zmienić telefon, email lub adres raz, a potem te dane aktualizują się automatycznie wszędzie tam, gdzie są potrzebne.
Po stronie interakcji zbudowałem prowadzony proces kontaktu oparty na oknach modalnych. Zamiast jednej uniwersalnej formy użytkownik najpierw wybiera właściwy kierunek, a dopiero później przechodzi do bardziej konkretnej ścieżki. Część logiki powstała w Breakdance, a tam, gdzie było to potrzebne, uzupełniłem ją niewielkim własnym JavaScript.
Efekt
Datona otrzymała spokojną, nowoczesną stronę, która nie tylko dobrze wygląda, ale również pozostaje praktyczna po stronie codziennej obsługi. Portfolio można szybko aktualizować, dane kontaktowe są zarządzane centralnie, a sam proces zapytania jest znacznie bardziej przemyślany niż w typowej stronie agencji.
Drobne detale, takie jak hover efekty i subtelny ruch w wybranych sekcjach, dodają stronie życia bez psucia minimalistycznego charakteru.
