Stonor Search: strona

Kontekst i problem biznesowy

Stonor Search to brytyjska firma rekrutacyjna (Buckinghamshire), która obsadza stanowiska w marketingu, PR, branży kreatywnej, digital i tech, danych i analizie, prawie oraz AI i SaaS. Potrzebowała nowej wersji strony: zaprojektowanej w Figmie, zbudowanej jako produkcyjna strona w Webflow i uruchomionej pod tym samym adresem.

Projekt graficzny nie należał do mojego zakresu. Moim zadaniem było zamienić projekt z Figmy w działającą stronę, którą łatwo utrzymać.

Użytkownicy i ich cele

• Kandydaci: chcą zobaczyć, na jakie stanowiska Stonor rekrutuje, i szybko się skontaktować.
• Firmy, które zatrudniają: chcą zrozumieć specjalizacje Stonor i powierzyć mu rekrutację.
• Zespół Stonor: strona, którą może aktualizować bez developera.

Ograniczenia

• Wdrożenie istniejącego projektu z Figmy: bez redesignu.
• Nowa wersja miała zastąpić starą bez zmiany adresu.
• Własny kod tylko tam, gdzie funkcje no-code w Webflow nie wystarczały.

Moja rola i zakres

• Pełne wdrożenie projektu w Webflow
• Struktura, treść i ustawienia strony
• Własny kod tam, gdzie był potrzebny
• Dostarczenie strony na poziomie produkcyjnym

Proces i najważniejsze decyzje

To był projekt wdrożeniowy, więc decyzje dotyczyły tego, jak budować, a nie co projektować.

1. Czytanie projektu

Przed budową przejrzałem plik Figmy w poszukiwaniu powtarzalnych wzorców, żeby stały się komponentami i klasami w Webflow, a nie jednorazowymi sekcjami.

2. Struktura i treść

Zbudowałem strukturę strony, przeniosłem treść i skonfigurowałem ustawienia. Oferty pracy działają na CMS-ie Webflow.

3. Własny kod tam, gdzie no-code nie wystarczał

Napisałem własny kod do interakcji i animacji, filtrów ofert pracy i integracji.

4. QA i start

Przed uruchomieniem nowej wersji pod dotychczasową domeną sprawdziłem wdrożenie z projektem na desktopie i mobile.

Gdzie pomaga AI

AI przyspieszało mi pisanie i sprawdzanie własnego kodu; każdy fragment testowałem w Webflow przed publikacją.

Rozwiązanie

Nowa strona Stonor Search, dostępna pod adresem stonorsearch.com.

Efekt

• Moja nowa wersja strony działa, dostarczona dla Acclaim.
• Zespół Stonor sam aktualizuje treści w Webflow.

Czego się nauczyłem i co dalej

• Czysta struktura komponentów i klas od początku sprawia, że stronę w Webflow łatwo przekazać klientowi.