Drobczyk

CEL PROJEKTU  Odświeżenie strony internetowej z branży architektonicznej

Architektura potrzeb
/ZAKRES PRAC
/PRZEGLĄD

Rafał Drobczyk Sp. z o.o.

Projekt strony internetowej
UX/UI
Wdrożenie strony internetowej
Koordynowanie prac

Zobacz stronę www
/PRZEGLĄD

Wyzwanie

Do odświeżenia strony tego Klienta podeszliśmy nieco inaczej. Po wejściu w link, odwiedzającego zaskoczyć może sposób scrollowania strony, który zamiast klasycznie – z góry na dół, odbywa się w bok. Jest to nowoczesne i nieoczywiste rozwiązanie, które pomaga budować wizerunek Klienta jako wizjonera.

Strona składa się z fotografii projektów oraz ich szczegółowego opisu, co podkreśla wiedzę Klienta na temat tworzonej architektury. Duża sekcja poświęcona jest etapom twórczym, dzięki czemu potencjalny klient firmy Drobczyk może zapoznać się z procesami, jakim będzie podlegać jego zlecenie.

/EIGHTEEN

Referencje

Strona jest super



Magdalena Pająk
Koordynator
/PROBLEM
/ROZWIĄZANIE

/01 Projekt, portfolio a technologia
Zadaniem, jakie przed nami stało to stworzenie projektu, który będzie inny, przede wszystkim będzie prezentował w oryginalny sposób portfolio klienta a nade wszystko był inny technicznie.

/02 Krok w bok, skroll w dół
Skrolowanie w bok to rzadki okaz w tworzeniu stron internetowych. To wymaga zupełnie innego podejścia do programowania takiej strony. Innych obliczeń i wyłapywania elementów do animacji. Wykrywanie miejsc gdzie niektóre elementy jak logo, menu i inne mają zmieniać kolor na czarny i odwrotnie by były widoczne też jest w pewnym stopniu bardziej zaawansowane. Mamy tutaj również znaczne różnice w projekcie na urządzenia mobilne a desktopowe, co znaczy że musimy pisać osobny kod dla urządzeń mobilnych a desktopu. Na mobile mamy skollowanie normalne czyli wertykalne, a na desktop horyzontalne - to wymaga osobnych obliczeń pozycji elementów w tym wykrywania które elementy maja być białe / czarne.

/03 Biblioteka GSAP
Wymagane przy tym projekcie jest dobra znajomość biblioteki GSAP, która służy do zaawansowanych animacji i została wykorzystana do wykonania skrollowania horyzontalnego.

Następny projekt

Yayuma

Zobacz
eighteen studio™
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.