Сайт для клининговой компании, который стал главным каналом заявок
Микслайн — это сервис клининговых услуг для бизнеса: компания занимается уборкой офисных помещений и коммерческой недвижимости в городе и области. Клиенты приходят из 2ГИС, Яндекса и соцсетей — и либо оставляют заявку, либо звонят сами.
Сайт выполняет роль цифровой визитки. При переходе из социальных сетей или 2ГИС пользователь видит только полезный функционал — подробная форма, которая предлагает все варианты уборки и помогает сформулировать качественный запрос. Логика экранов и сбалансированная типографика делают навигацию понятной и подчёркивают надёжность сервиса.
Структура
Страница спроектирована так, чтобы пользователь мог оперативно решить задачу уборки на объекте. Сайт начинается с простой формы с кнопкой заявки. Дальше — подробности: для кого услуга, чем занимается компания, примеры работ и польза для клиента. В конце — вопросы и ответы и повторная кнопка заявки.
Порядок блоков задан проблемами с этапа исследования. Клиенты путались, какая услуга им нужна, и тянули с заявкой. Блок «для кого это» и вопросы-ответы разбирают первую проблему. Кнопка в начале и в конце страницы — вторую.
Форма заявки
Форма обратной связи собрана на основе исследования задач компании: изучены внутренние процессы, типы услуг, структура заявок и требования CRM. На основе этих данных сделана анкета из нескольких этапов, которая последовательно уточняет параметры уборки. Каждый шаг — результат анализа типовых сценариев, через которые обычно проходит клиент, при постановке задачи. Заявка приходит структурированной: тип услуги, площадь, адрес, сроки, файлы, ориентировочная стоимость — в одной карточке. Клиент экономит время на объяснениях, менеджер — на уточняющих звонках.
В итоге, форма не просто собирает контакты, она помогает клиентам легко сформулировать задачу, а компании получить структурированные заявки, которые можно сразу отправить в работу.
Дизайн-система
Сайт спроектирован таким образом, чтобы его было легко поддерживать, развивать и масштабировать. Дизайн-система гибкая, строится на компонентах и вариантах. Компоненты разложены по атомам, молекулам и организмам: от кнопки и бейджа до формы заявки, шапки сайта и чат-виджета с вопросами и ответами. У каждого — свои варианты: размеры, состояния. Новый экран собирается из уже готовых частей.
Цвет, типографика и система отступов вынесены в переменные. У сайта есть светлая и тёмная тема. Серая шкала растянута от белого до чёрного, отдельно — оранжевый акцентный цвет.
Шрифтовые сочетания подобраны так, чтобы создать устойчивый баланс между читаемостью и характером бренда. Нейтральная основа и выразительные акценты делают интерфейс живым и современным. Три разных гарнитуры: Martian Grotesk — интерфейс и текст, Apoc LC — крупные заголовки, Chaumont Script — рукописный акцент бренда, для логотипа и иллюстраций. Система учитывает типографику, сетки, цвета и принципы их применения.
Результаты
Новая дизайн-система легко масштабируется, а система визуальных метафор создаёт гибкий фундамент для дальнейшего развития айдентики и фирменного стиля компании. Благодаря такому подходу сайт уже сейчас готов к расширению: добавлению новых услуг, дополнительных разделов или блога.
Системный подход к дизайну улучшил ключевые поведенческие метрики и значительно снизил затраты на обработку входящих заявок. Клиент — быстро и просто ставит задачу, бизнес получает структурированные заявки, готовые к работе.