drag

кейс

Ecomsolutions

Сайт для Нью-Йоркской IT-компании, которая занимается разработкой ПО почти два десятка лет

ecomsolutions.net
задача

Разработать новый корпоративный сайт для компании-разработчика программного обеспечения из Нью-Йорка. Придумать идею и визуальную концепцию, которая отражала бы технологичность и экспертность бренда.

клиент

Ecomsolutions

отрасль

IT

год запуска

2020

что сделали

Дизайн сайта
Motion-дизайн
Frontend-разработка

Собрать кубик Рубика

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

Старт работы

Старая версия сайта Ecomsolutions состояла из большого количества разделов, которые в основном содержали монотонные текстовые блоки. Мы полностью переработали структуру: для удобства представили основную информацию о компании в виде единой страницы-презентации.

В дизайн-концепции упор на тематике разработки: кнопки в квадратных скобках, слэш, отсылки к уровням вложенности и другие элементы кода.

Айдентика во всей коммуникации

Выбрав ассоциированный с IT-тематикой стиль, создали хороший имиджевый сайт, который отражает основные принципы бренда. Кроме того, идея со стилистикой кода, а также сам перестраивающийся куб, стали началом фирменного стиля компании: ряд визуальных решений сайта уже внедряются в другие продукты Ecomsolutions.

Иллюстрации вместо фотографий

Постоянный рост численности сотрудников показали через обезличенные иконки на гранях основного элемента сайта — кубика Рубика. Клиент хотел показать команду, но нельзя было размещать фотографии конкретных людей из соображений политики конфиденциальности и уважения к правам сотрудников.

Пунктирные линии связывают все элементы сайта воедино и выделяют важную информацию, а в анимациях символизируют быстроту принятия решений.

Другой формат

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

технологии

TypeScript

Lottie

Webpack

GSAP

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

Save Whales

Сайт в поддержку морских животных, находящихся на грани вымирания

Перспективное развитие

Новостной портал Промсвязьбанка о финансах и промышленности в России

Volt for Drive

Сайт для сервиса, обслуживающего зарядные станции электромобилей

связаться

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

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

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