Ищете крутые кейсы в digital? Посмотрите на номинантов Workspace Digital Awards 2026!
SALT AND PEPPER
SALT AND PEPPER x REFIRE: креативный сайт для промышленного гиганта из Китая — Awwwards
SALT AND PEPPER
WDA
2024
#Разработка сайтов под ключ#3D моделирование

SALT AND PEPPER x REFIRE: креативный сайт для промышленного гиганта из Китая — Awwwards

3356 
SALT AND PEPPER Россия, Тверь
Поделиться: 1 0 0
SALT AND PEPPER x REFIRE: креативный сайт для промышленного гиганта из Китая — Awwwards
Сфера

Промышленность и оборудование

Тип сайта

Корпоративный сайт

Сдано

Июль 2023

Задача

SALT AND PEPPER — студия веб-разработки, которая специализируется на технически сложных сайтах с нестандартной анимацией и креативным фронтендом. В этом кейсе показываем, что креативная разработка работает не только для агентств и стартапов — мы сделали современный технологичный сайт для REFIRE, китайского производителя водородных двигателей стоимостью 1,5 млрд долларов. Реализовали 3D-секвенции, проприетарный кастомный скролл и кинематографичные анимации — и получили Site of the Day на Awwwards, Winner of the Day от CSSDA и золото «Золотого сайта».

REFIRE – крупный проектировщик и производитель водородных двигателей из Китая: в 2022 стоимость компании оценивалась в 1,5B$. Маркетинг директор Эзра Эмерсон обратился к SALT AND PEPPER за разработкой международного сайта компании. По стратегии он должен был стать основной точкой контакта с внешним рынком. Сайт должен был выглядеть современно и технологично, но при этом не быть излишне креативным. А еще на нем не должно быть отсылок к китайским корням. Так что никаких драконов, эрху и кунг-фу – только бизнес и водород.

Решение

Вместе с дизайн-командой мы решили, что визуальный контент будет ключевым способом коммуникации бренда. Для создания 3D-рендеров мы привлекли студию Holographik. Важным решением на этом этапе было: делать полноценное 3D с интерактивом или же секвенции и видео. Мы остановились на секвенциях и видео, потому что они позволяли добиться лучшей производительности без компромисса в качестве картинки.

Помимо классических GSAP-анимаций мы использовали наш проприетарный кастомный скролл, который мы разрабатывали и обкатывали на проектах в течение двух лет. Благодаря ему, реализация микса секционного и свободного скроллов с сохранением изингов не вызвала трудностей. Мы могли сконцентрироваться на том, как сайт чувствуется, а не на решении технических проблем.

Результат

До запуска сайта у бренда почти не было каналов коммуникации с международным сообществом – весь маркетинг был нацелен на внутренний рынок Китая. Сейчас с компанией и ее продуктами можно ознакомиться в Европе и Северной Америке: целевых внешних рынках REFIRE.

Сайт был готов к релизу через 5 месяцев, запустился через 7, и сейчас активно используется маркетинговой командой клиента на отраслевых конференциях и в промокампаниях.

http://refire.heycusp.com/

Стек технологий

  • CSS CSS Язык программирования
  • HTML HTML Язык программирования
  • JavaScript JavaScript Язык программирования
  • Next.js Next.js Фреймворк/библиотека
  • React.js React.js Фреймворк/библиотека
  • Xcode Xcode Среда разработки
  • Adobe Photoshop Adobe Photoshop Графический редактор
  • Figma Figma Графический редактор

Награды


Оцените кейс
Спасибо за оценку
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

SALT AND PEPPER с удовольствием обсудит вашу задачу

Оставить заявку