Сайт для компании по реконструкции и строительству домов
16 апреля, 2022
Что сделано:
– Анализ конкурентов и составление брифа с подробным описанием преимуществ компании;
– Составление мудборта для отображения общей концепции и подборка референсов, максимально отображающий каждый отдельный элемент сайта;
– Отрисовка дизайна в Figma в 2-ух вариантах;
– Верстка одностраничного сайта, где 80% это ZERO-блоки;
– Анимация элементов с помощью стандартных настроек и анимации step-by-step;
– Адаптация под самые популярные размеры экраны
Step-by-step анимация в zero-блоке- это настройка трансформации и движения элемента каждого шага. В пошаговой анимации, в зависимости от базовой, значительно больше возможностей. С такой анимацией можно воплотить самые креативные идеи. Сайт становится уникальным и запоминающим пользователю.
В данном кейсе используется анимация по скроллу и появлению элементов на экране, таким образом они не зависят друг от друга.
Особое место мы уделили
· фоновому изображению с уникальной настройкой пошаговой анимации 6-ти элементов с индивидуальным расчётом продолжительности, скорости и задержки;
· горизонтальному и вертикальному скроллу, что позволяет визуально уменьшить пространство. В горизонтальном скролле с карточками товаров, использовано 4 группы по 4 элемента с разными расчётами по смещению для начала анимации
· HTML- код аккордеон
Таким образом:
•Использовано 15 zero-блоков с использованием различной пошаговой анимации
•8 zero-блоков объединённых одним HTML кодом
Хочешь продающий сайт, пиши!
#сайт#строительство#бизнес