Новый кейс Albancev

Обсудить проект

53-48-70

I am ready for a long road flight for work with a week- or months-long projects.

Кейс

Назад

Сайт для роботов, торгующих на бирже

web-разработка

Разработка сайта, поддержка, аналитика

Лицо, занимающееся продажей программного обеспечения для торговли на бирже.

Заказчик

Период

ноябрь - декабрь 2022г

География

Тюменская область

Задачи, которые стояли перед нами

Сделать максимально анимированный сайт, чтобы все «двигалось и улетало в космос

01

Подобрать дизайн, соответствующий космической тематике

02

Разработать 3D-модели роботов и внедрить в верстку сайта

03

Создать праздничное оформление сайта к Новому году

04

Результаты...

стандартных блоков, весь сайт выполнен в Zero Block

0

роботов приветливо машут ручкой каждому посетителю!

3D-модели

Крутится и шевелиться

Все двигается

как так?

Создание сайта

Клиент сказал: «Хочу такой же яркий и живой сайт, как вы сделали для Газпром Медиа, только еще круче». «Без проблем!» — ответили мы и побежали мозгоштурмить.

Сайт

Изначально обсуждали концепцию сайта со светлой темой, но когда презентовали самый первый вариант сайта, заказчику он не понравился. «Все-таки давайте тёмную!» Окнули и пошли все переделывать. На второй презентации мы согласовали новый вариант с темной темой и приняли в работу.

Анимации

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

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

А что за анимации? Это звезды, двигающиеся на заднем фоне, пролетающие метеориты, крутящиеся планеты — не сайт, а космос!

3D модели

До этого момента мы ни разу не делали для заказчиков 3D. В итоге разработали 2 модели двух роботов — Eva и Hermes.

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

Нейросети

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

Инсайды

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

Над проектом работали