МОйкрас.рф

Редизайн сайта для клининговой компании

Построила новую цифровую систему продаж: переработала структуру, усилила позиционирование, добавила новые направления бизнеса и подготовила сайт к масштабированию в ОАЭ

Контекст и запрос

МОЙКРАС.РФ — клининговая компания, работающая в B2B-сегменте: промышленные объекты, крупная коммерческая недвижимость, фасады, высотные работы и спецклининг. Компания активно растёт и расширяет направления: собственный магазин бытовой химии, обучение клинеров и аренду техники

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

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

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

цели и задачи проекта

Основная цель — создать современный, масштабируемый сайт, который системно презентует услуги, усиливает доверие и закрывает возражения B2B-клиентов

исходя из цели я сформировала следующие задачи:

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

Выделить ключевые преимущества и компетенции. Важно показать экспертизу компании: работу со сложными объектами, промышленный альпинизм, автономность и другие преимущества, которые обосновывают высокую стоимость услуг

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

Создать масштабируемую дизайн-систему.Сайт должен без существенных изменений адаптироваться под английский и арабский интерфейсы

подход и процесс

[
01
]
Формирование структуры

Совместно с маркетологом провели аудит бизнес-задач, конкурентов и фактических услуг. Разработали новую иерархию страниц, где каждая услуга получила отдельную точку входа, сценарии и FAQ. Убрали дубли, сократили когнитивную нагрузку

[
02
]
пользовательские сценарии

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

[
03
]
контент-архитектура

Выделила критически важные для B2B триггеры: работа ночью, автономность, промышленный альпинизм, фотоотчёты, опыт на сложных объектах. Это позволяет быстро снять опасения и повысить конверсию

[
04
]
Дизайн-система

Создала UI-сетку, в которой локализация на английский и арабский не ломает композицию. Заложила достаточно пространства для длинных заголовков и вариативного контента

UX-решения

Создала систему входов в услуги, где пользователь всегда видит сценарии, смежные услуги и FAQ — это снижает число отказов и упрощает навигацию

Добавила блоки с кейсами и короткими видео как социальное доказательство компетенций

Разделила аудиторию по задачам: уборка объектов, фасады, промальп, коммерческая уборка — и выстроила структуру так, чтобы пользователь быстро находил свой сценарий

Предусмотрела точечные CTA на каждом этапе пути: прикрепить фото, заказать расчёт, перейти в каталог, посмотреть кейс

UI-решения

Визуальная концепция построена на сочетании минимализма и чётких акцентов. Скруглённые формы, воздушные отступы и современная типографика усиливают ощущение порядка и надёжности

01/

Цветовая система основана на фирменных голубых и нейтральных серых оттенках. Глубокий синий цвет позволяет эффективно расставлять акценты. Визуал создаёт ощущение чистоты и профессионализма, помогает выстраивать иерархию смыслов

02/

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

03/

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

04/

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

05/

Результат

Создана новая структура сайта, отражающая все направления бизнеса (услуги, каталог, обучение, аренда)

Услуги получили полноценные страницы со сценариями, преимуществами и кейсами

Улучшена навигация и снижена когнитивная нагрузка: пользователь на 2–3 шага быстрее находит нужную услугу

Интерфейс подготовлен к дальнейшему масштабированию до полноценного интернет-магазина. Контент адаптирован под английскую и арабскую версии

Сайт стал инструментом продаж, а не визиткой

перейти на сайт

выводы

Пересборка структуры, выстраивание UX-логики и создание масштабируемой дизайн-системы дали компании основу для следующих этапов — выхода на новые рынки, расширения услуг и запуска дополнительных направлений

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

Videx trade

Дизайн сайта-каталога для B2B-аудитории: разработала интерфейс с удобной структурой, акцентом на функциональность и масштабируемость

zhuk avto

Дизайн сайта-каталога: разработала структуру с удобной навигацией, поиском по параметрам и информативными карточками авто

tizzo

UX/UI-дизайн интернет-магазина
с фокусом на эстетику и удобство: разработала структуру и интерфейс, усиливающие доверие к бренду

авангард логистика

Редизайн корпоративного сайта транспортной компании: интегрировала обновленный фирменный стиль, адаптировала сайт под новую ЦА, улучшила юзабилити

Заказать сайтмария самойло