Построила новую цифровую систему продаж: переработала структуру, усилила позиционирование, добавила новые направления бизнеса и подготовила сайт к масштабированию в ОАЭ
МОЙКРАС.РФ — клининговая компания, работающая в B2B-сегменте: промышленные объекты, крупная коммерческая недвижимость, фасады, высотные работы и спецклининг. Компания активно растёт и расширяет направления: собственный магазин бытовой химии, обучение клинеров и аренду техники
Заказчик пришёл с запросом создать сайт, который будет отражать масштаб бизнеса и работать как полноценный инструмент продаж. Компания также планировала расширить функциональность: добавить онлайн-каталог бытовой химии, запустить обучение клинингу через Telegram-бота и внедрить раздел с арендой профессиональной техники.
Предыдущая версия была стандартной визиткой без фирменного стиля, c непоследовательной структурой и отсутствием акцента на преимуществах — сайт не поддерживал позиционирование компании и не помогал продавать услуги
Параллельно стояла задача подготовить дизайн к масштабированию — в ближайшее время компания выходит на рынок ОАЭ, поэтому требовалась адаптация визуальной системы под английскую и арабскую версии сайта
Основная цель — создать современный, масштабируемый сайт, который системно презентует услуги, усиливает доверие и закрывает возражения B2B-клиентов
Сформировать понятную структуру услуг. Нужно было собрать разрозненные направления в логичную систему: фасадные работы, уборка объектов, высотные работы, магазины, обучение и аренда техники
Выделить ключевые преимущества и компетенции. Важно показать экспертизу компании: работу со сложными объектами, промышленный альпинизм, автономность и другие преимущества, которые обосновывают высокую стоимость услуг
Построить UX-логику вокруг реальных болей клиентов.B2B-аудитория принимает решения иначе, чем розница: им важны сроки, надёжность, фотоотчёты, доступы, ТБ. Нужно было учесть это в коммуникации и сценариях
Создать масштабируемую дизайн-систему.Сайт должен без существенных изменений адаптироваться под английский и арабский интерфейсы
Совместно с маркетологом провели аудит бизнес-задач, конкурентов и фактических услуг. Разработали новую иерархию страниц, где каждая услуга получила отдельную точку входа, сценарии и FAQ. Убрали дубли, сократили когнитивную нагрузку
Определила три ключевые модели поведения клиентов: быстрый запрос, глубокое изучение и сравнение исполнителей. Под эти сценарии выстроила карточки услуг, навигацию и переходы между смежными направлениями
Выделила критически важные для B2B триггеры: работа ночью, автономность, промышленный альпинизм, фотоотчёты, опыт на сложных объектах. Это позволяет быстро снять опасения и повысить конверсию
Создала UI-сетку, в которой локализация на английский и арабский не ломает композицию. Заложила достаточно пространства для длинных заголовков и вариативного контента
Создала систему входов в услуги, где пользователь всегда видит сценарии, смежные услуги и FAQ — это снижает число отказов и упрощает навигацию
Добавила блоки с кейсами и короткими видео как социальное доказательство компетенций
Разделила аудиторию по задачам: уборка объектов, фасады, промальп, коммерческая уборка — и выстроила структуру так, чтобы пользователь быстро находил свой сценарий
Предусмотрела точечные CTA на каждом этапе пути: прикрепить фото, заказать расчёт, перейти в каталог, посмотреть кейс

Визуальная концепция построена на сочетании минимализма и чётких акцентов. Скруглённые формы, воздушные отступы и современная типографика усиливают ощущение порядка и надёжности
01/
Цветовая система основана на фирменных голубых и нейтральных серых оттенках. Глубокий синий цвет позволяет эффективно расставлять акценты. Визуал создаёт ощущение чистоты и профессионализма, помогает выстраивать иерархию смыслов
02/
Для блоков услуг и сценариев использовала карточную сетку с понятными визуальными акцентами: иконки, динамичные иллюстрации и крупные фотографии объектов. Такой подход делает каталог услуг живым, наглядным и ориентированным на реальные задачи бизнеса
03/
CTA-элементы выделены в интерфейсе за счёт контрастных кнопок, лаконичных форм и продуманного текста. Они не навязчивы, но хорошо заметны и органично вписываются в общий стиль — это снижает сопротивление и увеличивает кликабельность
04/
Для страниц услуг и кейсов добавила визуальную систему повторяющихся модулей: преимущества, чек-листы, галереи, видео и этапы работ оформлены единообразно. Это повышает узнаваемость, упрощает скролл и создаёт устойчивое ощущение структуры и порядка
05/
Создана новая структура сайта, отражающая все направления бизнеса (услуги, каталог, обучение, аренда)
Услуги получили полноценные страницы со сценариями, преимуществами и кейсами
Улучшена навигация и снижена когнитивная нагрузка: пользователь на 2–3 шага быстрее находит нужную услугу
Интерфейс подготовлен к дальнейшему масштабированию до полноценного интернет-магазина. Контент адаптирован под английскую и арабскую версии
Сайт стал инструментом продаж, а не визиткой
Пересборка структуры, выстраивание UX-логики и создание масштабируемой дизайн-системы дали компании основу для следующих этапов — выхода на новые рынки, расширения услуг и запуска дополнительных направлений
Проект показал, что для B2B-клининга критично иметь не просто красивый сайт, а системную структуру, которая отражает реальные процессы и снимает ключевые опасения заказчиков. Работа над продуктом строилась вокруг сценариев покупателей, а не вокруг визуала — это позволило создать сайт, который работает на бизнес и адаптируется под рост компании
Дизайн сайта-каталога для B2B-аудитории: разработала интерфейс с удобной структурой, акцентом на функциональность и масштабируемость
Дизайн сайта-каталога: разработала структуру с удобной навигацией, поиском по параметрам и информативными карточками авто
UX/UI-дизайн интернет-магазина
с фокусом на эстетику и удобство: разработала структуру и интерфейс, усиливающие доверие к бренду