Запрос клиента
Ко мне обратилось агентство с задачей сверстать промо-сайт из готового дизайна в Figma на платформе tilda.cc. Перед началом работ мне нужно было провести аудит дизайн-макета на соответствие требований к правильной реализации вёрстки и взаимодействия с ней пользователя. Дополнительно, меня попросили придумать и предложить варианты анимации на готовом сайте.
Процесс
Начинаю собирать на zero-блоках подготовленный дизайн
При сборке сайта добавляю анимации роста цифр, бьющегося сердца.
Гранулы корма немного увеличиваются.
Миска прилипает к верху экрана и скользит вдоль этапов процесса производства
После готовности верстки, от заказчика поступает задача переверстать сайт с обновлённым дизайном
Заказчик с клиентом внесли правки в макет таким образом, что сайт пришлось пересобирать заново.
Дизайнер изменил размеры, цвет и положение заголовков, дизайн кнопок, расположение и внешний вид текстовых блоков, карточек представителей на карте, добавил иллюстрации, изменил дизайн подвала.
Анимирую меню сайта так, чтобы при начале скролла оно уменьшалось и «прилипало» к верхней части экрана
Оставляю анимацию прокрутки цифр и бьющегося сердечка.
Добавляю параллакс-эффекты предметов на фоне, их увеличение и прилипание.
Результат
Сайт передан заказчику под самостоятельное управление. Для демонстрации результатов проекта сохранена финальная версия опубликованного сайта. Все тексты и информация на сайте актуальны только на момент сдачи мной сайта заказчику.
Локальная версия демо-сайта: thebest.nikitakatyrev.ru
Ссылка на публичный сайт (мной не поддерживается): best-zoo.ru
