Realizacje · Fernhill Landscapes

Fernhill Landscapes

Fernhill Landscapes

Strona WordPress dla studia projektowania ogrodów, z animowaną nawigacją i portfolio projektów z filtrowaniem.

Start
2019
Rola
Wykonanie
Status
Online
Fernhill Landscapes

Fernhill Landscapes to studio projektowania ogrodów i krajobrazu, a jego strona miała się ruszać. INFIGO dostało projekt pełen animacji i zamieniło go w stronę WordPress, w której ruch pokazuje prace i nie wchodzi czytelnikowi w drogę.

01 · Kontekst

Projekt, który istnieje tylko w ruchu

Na płaskiej makiecie ten projekt był zestawem nieruchomych kadrów. Wszystko, co go wyróżniało, czyli nawigacja z własnym przedstawieniem przy otwieraniu i przesuwające się galerie, działo się między kadrami. Tego nie da się zrobić w przybliżeniu. Taki ruch albo jest wdrożony porządnie, albo wygląda jak sztuczka.

02 · Realizacja

Zakodowany z projektu, do WordPressa

Projekt zakodowaliśmy jako stronę WordPress, a choreografię wpisaliśmy w sam front strony, nie dokładaliśmy jej na końcu. Studio samo zarządza projektami i kategoriami z panelu, a strona trzyma tempo, płynność przejść i kompozycję z projektu niezależnie od tego, jaką treść do niej wprowadzi.

Popisowym elementem była nawigacja. Cichym koniem roboczym własna karuzela, która przesuwa mieszaną treść, nie tylko zdjęcia, więc każdy projekt jest pokazany tak, jak na to zasługuje.

03 · Sedno

Lekkość to najtrudniejsza część

Ruch, który wygląda na lekki, rzadko taki jest. Praca polegała na tym, żeby animacja była szybka, płynna i taka sama na różnych ekranach. Odwiedzający ma czuć dopracowanie, nie mechanikę. Strona nadal działa dziś na tej wersji, a przy projekcie tak szczególnym to osobny dowód.

Co dostarczyliśmy

  • Stronę WordPress z projektu pełnego animacji, razem z choreografią.
  • Rozsuwaną nawigację, która czysto zamyka się na każdym rozmiarze ekranu.
  • Portfolio filtrowane po kategoriach i karuzelę mieszanej treści, obie zarządzane z panelu.
01

Menu, które wjeżdża z obu stron

Studio chciało jednego konkretnego efektu: nawigacji, która się rozsuwa. Lewa połowa wjeżdża z lewej, prawa z prawej, spotykają się na środku. Łatwo to opisać, trudno sprawić, żeby dobrze wyglądało na każdym rozmiarze ekranu. To ten detal, po którym tę realizację się pamięta.

fernhilllandscapes.com
Menu, które wjeżdża z obu stron
02

Prace pogrupowane tak, jak szukają klienci

Strona projektów filtruje między kuchniami ogrodowymi, patio i resztą portfolio, a kategoriami zarządza się z panelu. Studio samo przegrupowuje swoje prace, gdy ich przybywa, bez udziału programisty.

fernhilllandscapes.com
Prace pogrupowane tak, jak szukają klienci
Zrzut ekranu: Fernhill Landscapes

Dalej

Chcesz projekt, który tak wygląda w piątym roku?