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

1. Запустить новый сайт в кратчайшие сроки.

2. Ясно позиционировать компанию с первого скролла: сайт с первого экрана должен отвечать пользователю на вопрос «куда я попал?».

3. «Зацепить» пользователя, чтобы тот пролистал главную полностью, детально поизучал проекты и оставил заявку.

4. Нескучно рассказать о самой компании и её кейсах.

5. Сделать подачу простой и понятной, потому что люди в сфере строительства — четкие и не слишком любят деликатничать.

1. Запустили новый сайт в короткие сроки в формате MVP.

2. Сделали два варианта дизайна — светлый и «black edition», плюс внедрили «суровую версию 18+» с честными текстами.

3. Реализовали уникальные анимации и эффекты: движущийся люк, горы и карьеры, интерактивную кабину экскаватора.

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

5. Превратили 404-страницу в креативный элемент, который запоминается.

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

Но в итоге в работу ушла тёмная версия — black edition. В ней появился дождеприемный люк, который по скроллу уменьшается и встраивается в бегущую строку с фактами о компании, а дальше пользователь попадает в кабину экскаватора с эффектом почти VR-игры. Плюс добавили полноэкранное меню с крупными пунктами для удобства.

Так дизайн вышел одновременно строгим и смелым: с характером, яркими деталями и запоминающимися «фишками», которые выгодно выделяют компанию среди конкурентов.

На странице «О компании» мы развили идею с горами и карьерами, которая так понравилась заказчику, хотя в основу главной легла тёмная версия. Этот блок стал концептом всей страницы и задал ей настроение.

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

Отдельное удовольствие — страница 404. Мы сделали её максимально эффектной: контрастная типографика, рисованная сетка, тёмный фон и неожиданный ракурс «из канализационного люка». Даже ошибка выглядит стильно и запоминается.

Так как заказчику было важно запуститься быстро, мы собрали сайт в формате MVP: сначала базовый функционал, а потом уже на него можно навешивать новые возможности. Основной объём работы пришёлся на вёрстку, потому что дизайнеры щедро нагрузили проект анимациями. Самым сложным оказалось реализовать движение люка на главной: он должен был вращаться, уменьшаться, точно встраиваться в бегущую строку и исчезать за экраном — всё это с идеально стыкующимися объектами.

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

Что такое стройка? Это люди, которые которые носят спецодежду, работают в тяжелых условиях и не выбирают выражений :) Но что такое классический корпоративный сайт для них? Вот — аккуратная информация о компании, вот — вежливая кнопка «Оставить заявку». А хочется, чтобы сайт четко отвечал на вопросы, а ещё — за свои слова. Поэтому альтернатива говорит с пользователем прямо, без реверансов. В основе тот же дизайн, но усиленный резкими красными линиями и текстами, которые звучат как на стройке: честно, грубо и по делу.

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

Запустили сайт KC Engineering в короткие сроки и сделали его по-настоящему запоминающимся: с ярким дизайном, эффектными анимациями и уникальной «суровой версией» для отрасли. Нам удалось совместить строгую подачу с дерзкими решениями, а кейсы и конструктор проектов сделали ресурс живым и удобным. Это тот случай, когда корпоративный сайт действительно выделяется и работает на имидж компании.