Кейс
Назад
Сайт для роботов, торгующих на бирже
web-разработка
Разработка сайта, поддержка, аналитика
Лицо, занимающееся продажей программного обеспечения для торговли на бирже.
Заказчик
Период
ноябрь - декабрь 2022г
География
Тюменская область
Задачи, которые стояли перед нами
Сделать максимально анимированный сайт, чтобы все «двигалось и улетало в космос
01
Подобрать дизайн, соответствующий космической тематике
02
Разработать 3D-модели роботов и внедрить в верстку сайта
03
Создать праздничное оформление сайта к Новому году
04
Результаты...
стандартных блоков, весь сайт выполнен в Zero Block
0
роботов приветливо машут ручкой каждому посетителю!
3D-модели
Крутится и шевелиться
Все двигается
как так?
Создание сайта
Клиент сказал: «Хочу такой же яркий и живой сайт, как вы сделали для Газпром Медиа, только еще круче». «Без проблем!» — ответили мы и побежали мозгоштурмить.
Сайт
Изначально обсуждали концепцию сайта со светлой темой, но когда презентовали самый первый вариант сайта, заказчику он не понравился. «Все-таки давайте тёмную!» Окнули и пошли все переделывать. На второй презентации мы согласовали новый вариант с темной темой и приняли в работу.
Анимации
Вообще, анимации — основа основ получившегося сайта. На каждом этапе работы клиенту их было мало. Мы придумали сложные с точки зрения разработки механизмы и модификации, но заказчику они показались слишком простыми — ему хотелось простых, но более эффектных движений.
В итоге мы сократили часть сложных анимаций и реализовали простые step-by-step. Стандартные для Tilda анимации придают динамики не меньше, чем кастомные. Но, кастомных, прописанных кодом анимаций, на сайте осталось порядка 60%.
А что за анимации? Это звезды, двигающиеся на заднем фоне, пролетающие метеориты, крутящиеся планеты — не сайт, а космос!
В итоге мы сократили часть сложных анимаций и реализовали простые step-by-step. Стандартные для Tilda анимации придают динамики не меньше, чем кастомные. Но, кастомных, прописанных кодом анимаций, на сайте осталось порядка 60%.
А что за анимации? Это звезды, двигающиеся на заднем фоне, пролетающие метеориты, крутящиеся планеты — не сайт, а космос!
3D модели
До этого момента мы ни разу не делали для заказчиков 3D. В итоге разработали 2 модели двух роботов — Eva и Hermes.
Выглядело круто, но выяснилось, что 3D сильно утяжеляет сайт и замедляет скорость загрузки. Чтобы не отказываться от полюбившихся моделек в угоду скорости, мы нашли лаконичное решение проблемы, о котором расскажем чуть ниже.
Выглядело круто, но выяснилось, что 3D сильно утяжеляет сайт и замедляет скорость загрузки. Чтобы не отказываться от полюбившихся моделек в угоду скорости, мы нашли лаконичное решение проблемы, о котором расскажем чуть ниже.
Нейросети
Впервые мы использовали не только 3D-модели, но и нейросети! Специально для новогодней темы «Midjorney» сгенерировала уникальные элементы дизайна, такие как ёлка и подарки. В итоге мы уволили нашего графического дизайнера успешно внедрили их в новогоднюю версию сайта!
Инсайды
1. Не надо усложнять! Стандартные для Tilda анимации могут выглядеть не хуже, чем сложные кастомные модификации.
2. Чтобы повысить скорость загрузки сайта, анимации и 3D-модели можно перевести в гифки. С точки зрения качества ничего не потеряется.
3. Нейросеть делает, конечно, круто, но своего графического дизайнера мы ни за что на свете не отдадим.
2. Чтобы повысить скорость загрузки сайта, анимации и 3D-модели можно перевести в гифки. С точки зрения качества ничего не потеряется.
3. Нейросеть делает, конечно, круто, но своего графического дизайнера мы ни за что на свете не отдадим.
Над проектом работали
дизайнер
Анна Алимбаева
таргетолог
Ростислав Чикишев
руководитель отдела рекламы
Ирина Мезенцева
моушен-дизайнер
Максим Михальчук
копирайтер
Мария Нетт
контент - менеджер
Ксения Мамчур
видеограф
Александр Кузьмич
фотограф
Александр Чуркин
ретушёр
Олеся Рыбалка
руководитель отдела рекламы
Ирина Мезенцева
таргетолог
Ростислав Чикишев
контент - менеджер
Ксения Мамчур
дизайнер
Анна Алимбаева
копирайтер
Мария Нетт
моушен-дизайнер
Максим Михальчук
фотограф
Александр Чуркин
ретушёр
Олеся Рыбалко
видеограф
Александр Кузьмич
Александра Крамаренко
Менеджер по работе с клиентами
Давайте обсудим ваши задачи?
Задам правильные вопросы, подготовлю план действий и смету, предоставлю портфолио, подробно расскажу как и что мы будем делать, какие это даст результаты и как мы их будем измерять!
Заполните, пожалуйста, поля
Нажимая кнопку, Вы соглашаетесь с политикой конфиденциальности и обработки персональных данных.
Политика конфиденциальности и защиты информации.
Оставляя данные на сайте, Вы соглашаетесь с Политикой конфиденциальности и защиты информации.
Защита данных
Администрация сайта (далее Сайт) не может передать или раскрыть информацию, предоставленную пользователем (далее Пользователь) при регистрации и использовании функций сайта третьим лицам, кроме случаев, описанных законодательством страны, на территории которой пользователь ведет свою деятельность.
Получение персональной информации
Для коммуникации на сайте пользователь обязан внести некоторую персональную информацию. Для проверки предоставленных данных, сайт оставляет за собой право потребовать доказательства идентичности в онлайн или офлайн режимах.
Использование персональной информации
Сайт использует личную информацию Пользователя для обслуживания и для улучшения качества предоставляемых услуг. Часть персональной информации может быть предоставлена банку или платежной системе, в случае, если предоставление этой информации обусловлено процедурой перевода средств платежной системе, услугами которой Пользователь желает воспользоваться. Сайт прилагает все усилия для сбережения в сохранности личных данных Пользователя. Личная информация может быть раскрыта в случаях, описанных законодательством, либо когда администрация сочтет подобные действия необходимыми для соблюдения юридической процедуры, судебного распоряжения или легального процесса необходимого для работы Пользователя с Сайтом. В других случаях, ни при каких условиях, информация, которую Пользователь передает Сайту, не будет раскрыта третьим лицам.
Коммуникация
После того, как Пользователь оставил данные, он получает сообщение, подтверждающее его успешную регистрацию. Пользователь имеет право в любой момент прекратить получение информационных бюллетеней воспользовавшись соответствующим сервисом в Сайте.
Ссылки
На сайте могут содержаться ссылки на другие сайты. Сайт не несет ответственности за содержание, качество и политику безопасности этих сайтов. Данное заявление о конфиденциальности относится только к информации, размещенной непосредственно на сайте.
Безопасность
Сайт обеспечивает безопасность учетной записи Пользователя от несанкционированного доступа.
Уведомления об изменениях
Сайт оставляет за собой право вносить изменения в Политику конфиденциальности без дополнительных уведомлений. Нововведения вступают в силу с момента их опубликования. Пользователи могут отслеживать изменения в Политике конфиденциальности самостоятельно.
Защита данных
Администрация сайта (далее Сайт) не может передать или раскрыть информацию, предоставленную пользователем (далее Пользователь) при регистрации и использовании функций сайта третьим лицам, кроме случаев, описанных законодательством страны, на территории которой пользователь ведет свою деятельность.
Получение персональной информации
Для коммуникации на сайте пользователь обязан внести некоторую персональную информацию. Для проверки предоставленных данных, сайт оставляет за собой право потребовать доказательства идентичности в онлайн или офлайн режимах.
Использование персональной информации
Сайт использует личную информацию Пользователя для обслуживания и для улучшения качества предоставляемых услуг. Часть персональной информации может быть предоставлена банку или платежной системе, в случае, если предоставление этой информации обусловлено процедурой перевода средств платежной системе, услугами которой Пользователь желает воспользоваться. Сайт прилагает все усилия для сбережения в сохранности личных данных Пользователя. Личная информация может быть раскрыта в случаях, описанных законодательством, либо когда администрация сочтет подобные действия необходимыми для соблюдения юридической процедуры, судебного распоряжения или легального процесса необходимого для работы Пользователя с Сайтом. В других случаях, ни при каких условиях, информация, которую Пользователь передает Сайту, не будет раскрыта третьим лицам.
Коммуникация
После того, как Пользователь оставил данные, он получает сообщение, подтверждающее его успешную регистрацию. Пользователь имеет право в любой момент прекратить получение информационных бюллетеней воспользовавшись соответствующим сервисом в Сайте.
Ссылки
На сайте могут содержаться ссылки на другие сайты. Сайт не несет ответственности за содержание, качество и политику безопасности этих сайтов. Данное заявление о конфиденциальности относится только к информации, размещенной непосредственно на сайте.
Безопасность
Сайт обеспечивает безопасность учетной записи Пользователя от несанкционированного доступа.
Уведомления об изменениях
Сайт оставляет за собой право вносить изменения в Политику конфиденциальности без дополнительных уведомлений. Нововведения вступают в силу с момента их опубликования. Пользователи могут отслеживать изменения в Политике конфиденциальности самостоятельно.
