Bystro.online
Strona warszawskiej agencji reklamowej
Idea
Strona, którą kodowałem wg. projektu agencji. Strona stanowiła niemałe wyzwanie z racji tego, że każda z podstron była unikalnym projektem z unikalnym layoutem, co wymagało ode mnie głębokiego namysłu nad efektywnym pisaniem kodu, aby nie mnożyć zbyt dużej ilości klas. Konieczna była optymalizacja plików graficznych, którymi strona była wręcz naszpikowana (jak to u agencji!), tak aby zachowując ich jakość, jednocześnie obniżając ich wagę.
Niemałym wyzwaniem były także Background Videos (te filmy, które odtwarzają się z automatu, w pętli, bez dźwięku). Jak się okazuje, są one problematyczne na przeglądarkach mobilnych urządzeń Apple. Dużo researchu musiałem poczynić, aby layouty z ich użyciem "nie rozsypywały się" i działały na każdym urządzeniu.
Responsywność
Strona została wykonana w trzech wersjach: na komputer, tablet i telefon.
Całość layoutu
Poniżej prezentuję jedną z kilkunastu podstron z case studies agencji. Bardzo ważną rolą dla mnie jako developera, jest przetestowanie układu opartego na siatce, pod kątem tego, czy nie rozjeżdża się na różnych ekranach i urządzeniach.
Najedź myszką (tapnij), by zobaczyć cały layout:
