drag

кейс

Inculerate

Эмоциональный сайт для инвестиционной компании из Кремниевой долины, отражающий её принципы и миссию

задача

Сделать сайт, отражающий принципы и цели компании. Одновременно он должен впечатлять и вдохновлять пользователей.

клиент

Inculerate

отрасль

Инвестиции

год запуска

2017

что сделали

Frontend-разработка
Stop-motion анимация
Дизайн сайта

награды

CSS Design Awards
Website of the Day, 24 октября 2017
Awwwards
Site of the Day, 24 октября 2017
Awwwards
Mobile of the Week, 24 октября 2017
Behance
Behance.net, 23 января 2018
Золотой сайт
Бронза, «Лучший одностраничный сайт/лендинг», 29 мая 2018
Золотой сайт
Серебро, «Сайт стартапа», 29 мая 2018
Tagline Awards
Золото, «Лучшее интерактивное решение/анимация», 24 ноября 2017
Ключевая идея

Основным символом стал бумажный самолёт, так как тема взлёта наиболее точно отражает принцип инвестиционной компании.

Логотип

Индикатор загрузки сделали двухступенчатым. Вначале появляется яйцо — вспомогательный символ компании. По мере загрузки сайта его контуры заполняются золотым цветом и пишется процент. Когда цифра достигает 100, изображение изящно разделяется на половинки и встраивается в название-логотип, становясь буквами «U» и «A»

Руки золотого цвета подчеркивают, что все люди равны. Глубокий синий цвет олицетворяет бескрайнее пространство для возможностей.

Потяни, чтобы начать

Основное взаимодействие с сайтом происходит через интерактивный слайдер с возможностью «зажать определенную точку». Такой интерактив очень символичен, поскольку тебе самому приходится прилагать усилия так же, как и со стартапом. Чтобы пользователь не запутался, по направляющей линии пробегает блик, направляя в верную сторону. Мы продумали все детали, чтобы UI проекта был на высоте. Стоит подвести курсор к стартовой точке, и он приятно, как магнитом, притягивается к элементу за счет большой невидимой зоны наведения вокруг стартовой точки.

Нестандартный круглый курсор с задержкой в 0.1 секунды для плавности и приятного ощущения: будто круг гоняется за мышкой, пытается не отстать.

Дьявол в деталях

Тщательно подобрали все анимации и звуки, чтобы создать особую атмосферу на сайте. Шелест бумаги погружает в пространство и делает взаимодействие реалистичным, а фоновая мелодия помогает проникнуться важностью момента, почувствовать, что здесь решается судьба и запускается мечта.

Высокие цели

Основатели компании верят в людей и всеобщее равенство и ищут стартапы, которые в будущем помогут человечеству жить лучше. Желающим предлагают записать видео в полторы минуты, где без текста и слов, лишь одними образами, надо описать суть концепции. Если она будет понятна и зацепит бизнес-ангелов, ей помогут вырасти.

Контент мы создали сами: тренировки жестов и красивых самолётов, золотая краска, синий картон и более 1500 кадров для stop-motion.

технологии

Pixi.js

JavaScript

Webpack

SCSS

GSAP

отзыв

Умит Хайроллаев
Умит Хайроллаев
CEO
Inculerate Inc.

Мы обратились в Red Collar, уже влюблённые в их проекты. Поэтому дали команде полную свободу действий. Первую концепцию нам предложили очень быстро, буквально через неделю. Задумка оказалась настолько отличной, что других вариантов даже не стали искать. Дальше мы только смотрели на промежуточные этапы и радовались изящности решений.

Считаем, что столь успешный результат — ещё одно подтверждение важности доверия. Когда обращаешься к специалистам, ты должен помнить, что они знают своё дело, и в них не надо сомневаться. Только тогда получится по-настоящему крутой проект.

Очень довольны и процессом создания, и итогом. У нас ещё много идей, и мы планируем и дальше сотрудничать с этой командой.

смотрите также

Autonomy

Сайт, 3D модели, нейминг и логотип для онлайн-сервиса автозаймов

Arm-auto

Простой и лаконичный сайт для производителя лакокрасочных товаров

ВТБ Факторинг

Интервью, дизайн, 3D-элементы и разработка для нового сайта в рамках единой системы

связаться

Расскажите о своей задаче

Мы Red Collar, а как зовут вас? Чтобы связаться, нам нужен ваш e-mail Ого, какой тяжелый файл! Больше 10 MБ ждем на hello@redcollar.ru Пожалуйста, проверьте, правильно ли написан e-mail

Нажимая кнопку, вы соглашаетесь с нашей политикой в отношении обработки персональных данных.