Кейс
Назад
Сайт для роботов, торгующих на бирже
web-разработка
Разработка сайта, поддержка, аналитика
Лицо, занимающееся продажей программного обеспечения для торговли на бирже.

Заказчик
Период
ноябрь - декабрь 2022г
География
Тюменская область
Задачи, которые стояли перед нами
Сделать максимально анимированный сайт, чтобы все «двигалось и улетало в космос
01
Подобрать дизайн, соответствующий космической тематике
02
Разработать 3D-модели роботов и внедрить в верстку сайта
03
Создать праздничное оформление сайта к Новому году
04
Результаты...
стандартных блоков, весь сайт выполнен в Zero Block
0
роботов приветливо машут ручкой каждому посетителю!
3D-модели
Крутится и шевелиться
Все двигается
как так?
Создание сайта
Клиент сказал: «Хочу такой же яркий и живой сайт, как вы сделали для Газпром Медиа, только еще круче». «Без проблем!» — ответили мы и побежали мозгоштурмить.
Сайт
Изначально обсуждали концепцию сайта со светлой темой, но когда презентовали самый первый вариант сайта, заказчику он не понравился. «Все-таки давайте тёмную!» Окнули и пошли все переделывать. На второй презентации мы согласовали новый вариант с темной темой и приняли в работу.

Анимации
Вообще, анимации — основа основ получившегося сайта. На каждом этапе работы клиенту их было мало. Мы придумали сложные с точки зрения разработки механизмы и модификации, но заказчику они показались слишком простыми — ему хотелось простых, но более эффектных движений.

В итоге мы сократили часть сложных анимаций и реализовали простые step-by-step. Стандартные для Tilda анимации придают динамики не меньше, чем кастомные. Но, кастомных, прописанных кодом анимаций, на сайте осталось порядка 60%.

А что за анимации? Это звезды, двигающиеся на заднем фоне, пролетающие метеориты, крутящиеся планеты — не сайт, а космос!
3D модели
До этого момента мы ни разу не делали для заказчиков 3D. В итоге разработали 2 модели двух роботов — Eva и Hermes.

Выглядело круто, но выяснилось, что 3D сильно утяжеляет сайт и замедляет скорость загрузки. Чтобы не отказываться от полюбившихся моделек в угоду скорости, мы нашли лаконичное решение проблемы, о котором расскажем чуть ниже.

ezgif-com-gif-maker-1
Нейросети
Впервые мы использовали не только 3D-модели, но и нейросети! Специально для новогодней темы «Midjorney» сгенерировала уникальные элементы дизайна, такие как ёлка и подарки. В итоге мы уволили нашего графического дизайнера успешно внедрили их в новогоднюю версию сайта!

Инсайды
1. Не надо усложнять! Стандартные для Tilda анимации могут выглядеть не хуже, чем сложные кастомные модификации.
2. Чтобы повысить скорость загрузки сайта, анимации и 3D-модели можно перевести в гифки. С точки зрения качества ничего не потеряется.
3. Нейросеть делает, конечно, круто, но своего графического дизайнера мы ни за что на свете не отдадим.

Над проектом работали
дизайнер
Анна Алимбаева
таргетолог
Ростислав Чикишев
руководитель отдела рекламы
Ирина Мезенцева
моушен-дизайнер
Максим Михальчук
копирайтер
Мария Нетт
контент - менеджер
Ксения Мамчур
видеограф
Александр Кузьмич
фотограф
Александр Чуркин
ретушёр
Олеся Рыбалка
руководитель отдела рекламы
Ирина Мезенцева
таргетолог
Ростислав Чикишев
контент - менеджер
Ксения Мамчур
дизайнер
Анна Алимбаева
копирайтер
Мария Нетт
моушен-дизайнер
Максим Михальчук
фотограф
Александр Чуркин
ретушёр
Олеся Рыбалко
видеограф
Александр Кузьмич
Давайте сделаем это вместе?
Менеджер по работе с клиентами
Ксения Ерофеева
Made on
Tilda