Barcelona Realty Group
Сайт с каталогом для международного агентства недвижимости
кейс
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
Золотой сайт
Бронза, «Лучший одностраничный сайт/лендинг», 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, уже влюблённые в их проекты. Поэтому дали команде полную свободу действий. Первую концепцию нам предложили очень быстро, буквально через неделю. Задумка оказалась настолько отличной, что других вариантов даже не стали искать. Дальше мы только смотрели на промежуточные этапы и радовались изящности решений.
Считаем, что столь успешный результат — ещё одно подтверждение важности доверия. Когда обращаешься к специалистам, ты должен помнить, что они знают своё дело, и в них не надо сомневаться. Только тогда получится по-настоящему крутой проект.
Очень довольны и процессом создания, и итогом. У нас ещё много идей, и мы планируем и дальше сотрудничать с этой командой.
смотрите также
связаться