Задача: Разработка оформления и верстка шаблона сайта для фотографа с возможностью дальнейшей самостоятельной работы
Вводные:
главное пожелание клиента было сделать уникальный опыт взаимодействия с сайтом - необходимо чтоб весь контент умещался в высоту одного экрана и скрол сайта происходил не вертикально верх/вниз, а горизонтально
главное пожелание клиента было сделать уникальный опыт взаимодействия с сайтом - необходимо чтоб весь контент умещался в высоту одного экрана и скрол сайта происходил не вертикально верх/вниз, а горизонтально
Верстка в Tilda
В Figma были разработаны прототипы с визульными решениями страниц, которые сразу собирались в конструкторе Tilda в Zero-блоках. После происходила настройка всех анимаций и движения по скролу.
В Figma были разработаны прототипы с визульными решениями страниц, которые сразу собирались в конструкторе Tilda в Zero-блоках. После происходила настройка всех анимаций и движения по скролу.
Страницы заполнены шаблонной информацией, где обозначены все необходимые элементы на страницах сайта: заголовки, фотографии, подписи и описания. Так же записаны подробные видео инструкции по работе с сайтом, где какую информацию заменять, как копировать элементы с сохранением настроек анимаций и для корректного отображения во всех разрешениях.
На главной странице с помощью HTML-кода сделан приветственный экран с анимированным логотипом, который срабатывает только при первой загрузке страницы, настроены тригерные анимации по наведению, добавлен аудио-плеер с музыкой, которая была написана с помощью нейросетей для дополнительного погружения пользователей в атмосферу, задуманную автором