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