Strony

Nieszablonowa strona dla pracowni architektury krajobrazu

Slajdowa strona-prezentacja pracowni ogrodowej, w JavaScripcie.

Autorskie kodowanie (JS)
Architektura krajobrazu

Zobacz na żywo

BranżaArchitektura krajobrazu

PlatformaAutorskie kodowanie (JS)

ZakresStrony

Adreskart-ld.pl

W skrócie

Wyzwanie: Pracownia architektury krajobrazu chciała strony bardzo nietypowej, odróżniającej się od konkurencji i pokazującej kreatywność właścicielki.
Rozwiązanie: Autorska strona slajdowa pisana od zera, bez CMS: interaktywne slajdy, animacje i przejścia, nawigacja jak w prezentacji.
Technologia: Autorski kod JavaScript, responsywne slajdy działające na wszystkich ówczesnych przeglądarkach (włącznie z Internet Explorerem).
Efekt: Nieszablonowa strona-prezentacja, której nie dało się pomylić z żadną inną w branży, z podstawową edytowalnością dla klientki.

O projekcie

Strona dla pracowni architektury krajobrazu kART-LD, tworzącej indywidualne projekty ogrodów. To ciekawa, nietypowa realizacja: całość jest slajdowa, w JavaScripcie, trochę jak prezentacja. Stałe menu boczne, nawigacja w pionie i w poziomie (myszką lub strzałkami), pełna responsywność. Forma świadomie podkreśla wizualny, projektowy charakter pracowni.

Co zrobiliśmy.

Projekt koncepcji i szaty graficznej
Autorski, slajdowy układ w JavaScripcie
Animacje i efekty przejścia
Stałe menu boczne i nawigacja pionowo-pozioma
Pełna responsywność (mobile)

Jak to zrobiliśmy

Jakie było założenie?

kART-LD to zaprzyjaźniona pracownia architektury krajobrazu, tworząca indywidualne projekty ogrodów. Brief był krótki: strona ma się odróżniać. Od konkurencji, od typowych stron usługowych, od wszystkiego, i ma pokazywać ducha kreatywności właścicielki.

Jak działa slajdowa strona?

Zamiast klasycznego przewijania postawiliśmy na system slajdów: pełnoekranowe plansze z animacjami i interaktywnymi elementami, przez które użytkownik porusza się jak po prezentacji, ze stałym menu i nawigacją pionowo-poziomą. Dużo autorskich rozwiązań w animacjach i przejściach między planszami.

Całość powstała od zera, bez żadnego CMS-a, przy czym w podstawowym zakresie klientka może stronę edytować samodzielnie.

Dlaczego to było wyzwanie technologiczne?

Strona powstawała w czasach, gdy technologia była mniej rozwinięta, a wśród przeglądarek wciąż funkcjonował Internet Explorer. Zrobienie slajdów, które były responsywne na każdym ekranie, a animacje działały płynnie na wszystkich przeglądarkach, wymagało sporo inżynierii, nie było gotowych bibliotek, które załatwiają to jednym ruchem.

Efekt był wart zachodu: bardzo nietypowa, nieszablonowa strona, która sama w sobie była portfolio kreatywności pracowni. Takie projekty to dziś nasza działka aplikacji i rozwiązań szytych na miarę.

Zróbmy to razem