Green Grey
Ряд сайтов и 3D-модели для международного разработчика и паблишера мобильных игр
кейс
Ecomsolutions
Сайт для Нью-Йоркской IT-компании, которая занимается разработкой ПО почти два десятка лет
задача
Разработать новый корпоративный сайт для компании-разработчика программного обеспечения из Нью-Йорка. Придумать идею и визуальную концепцию, которая отражала бы технологичность и экспертность бренда.
клиент
Ecomsolutions
отрасль
IT
год запуска
2020
что сделали
Дизайн сайта
Motion-дизайн
Frontend-разработка
награды
Собрать кубик Рубика
Ключевым элементом стал анимированный кубик Рубика с элементами змейки. Перестроение деталей и граней в иллюстрации говорит о том, что компания гибкая и находит подход к любому клиенту и к решению его задачи. При этом структура отражает многогранность предоставляемых услуг и постоянный рост штата и компетенций компании. При выборе цветового решения отказались от ярких акцентов, чтобы подчеркнуть статус клиента.
Старт работы
Старая версия сайта Ecomsolutions состояла из большого количества разделов, которые в основном содержали монотонные текстовые блоки. Мы полностью переработали структуру: для удобства представили основную информацию о компании в виде единой страницы-презентации.
В дизайн-концепции упор на тематике разработки: кнопки в квадратных скобках, слэш, отсылки к уровням вложенности и другие элементы кода.
Айдентика во всей коммуникации
Выбрав ассоциированный с IT-тематикой стиль, создали хороший имиджевый сайт, который отражает основные принципы бренда. Кроме того, идея со стилистикой кода, а также сам перестраивающийся куб, стали началом фирменного стиля компании: ряд визуальных решений сайта уже внедряются в другие продукты Ecomsolutions.
Иллюстрации вместо фотографий
Постоянный рост численности сотрудников показали через обезличенные иконки на гранях основного элемента сайта — кубика Рубика. Клиент хотел показать команду, но нельзя было размещать фотографии конкретных людей из соображений политики конфиденциальности и уважения к правам сотрудников.
Пунктирные линии связывают все элементы сайта воедино и выделяют важную информацию, а в анимациях символизируют быстроту принятия решений.
Другой формат
На мобильной версии сайта все блоки и страницы подгружаются так же быстро, как на десктопной. Анимированные заголовки, бегущие строки и плывущие слайдеры сохраняются и здесь, передавая настроение и характер компании.
технологии
TypeScript
Lottie
Webpack
GSAP
смотрите также
связаться