услуги
проекты
контакты

Motto

Сроки
2 месяца
Что мы сделали
Анализ и UX-структура
Визуальная концепция
Дизайн-система
Адаптивы для устройств
Дизайн сайта разработан для motto. — салона осознанной красоты. Главная идея — передать философию бренда: спокойствие, заботу и естественную эстетику.

Проект сочетает визуальную чистоту, мягкую типографику и выразительные фотографии.

Результаты

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

Концепция дизайна

Эстетика строится вокруг принципа «less, but better». Главный акцент сделан на изображениях — именно они передают фирменный характер бренда.
Дизайн поддерживает чувство лёгкости и гармонии через:
— воздушную сетку и минималистичную композицию,
— нейтральную цветовую палитру с акцентами из фирменных тонов,
— продуманную типографику и спокойные анимации,
— адаптивную вёрстку для всех устройств (desktop, tablet, mobile).

Главный экран сайта

Главный экран задаёт настроение бренда — ощущение спокойствия, осознанности и уверенности в себе. Визуальный акцент сделан на крупной эмоциональной фотографии, через которую передаётся философия клиники: здоровье пробуждает красоту, а уход превращается в ритуал.
Композиция построена на контрасте света и воздуха: плотный тёмный фон верхнего блока сменяется чистым пространством с лёгкой типографикой. Ключевые слова wellness, health, cosmetology, feelings, beauty формируют основу визуальной айдентики и подчёркивают основные направления клиники.
Дизайн адаптирован под разные устройства — от десктопа до мобильной версии, сохраняя эмоциональную подачу и читаемость контента.

Раздел «Услуги»

Раздел объединяет все направления клиники и построен на принципах простоты, прозрачности и комфорта пользователя. Здесь важно было показать широкий спектр услуг, сохранив ощущение лёгкости и спокойствия, характерное для бренда.
Визуально блок сочетает крупные фотографии, чистое пространство и аккуратную типографику. Каждая категория — аппаратная, эстетическая, инъекционная косметология и консультации — имеет собственный визуальный акцент, что помогает пользователю быстро ориентироваться в структуре.
Карточки услуг оформлены в списковом формате с чёткой иерархией: название процедуры, краткое описание, цена и возможность мгновенной записи. Детальные страницы раскрывают описание процедуры, показания, подготовку и реальные результаты, сохраняя единый стиль и атмосферу бренда.

Раздел «Специалисты»

Этот раздел — ключевой элемент доверия бренду. В нём пользователи знакомятся с командой motto., где каждый специалист представлен не просто как профессионал, а как часть философии осознанной красоты.
Дизайн опирается на простоту, эмпатию и фокус на человеке. Минималистичные карточки с портретами, нейтральным фоном и короткими подписями создают ощущение открытости. На странице специалиста информация структурирована логично: фото, направление работы, опыт, образование, выполняемые процедуры и результаты.
Такая подача помогает пользователю выбрать мастера интуитивно — через визуальное восприятие и доверие, а не только через список услуг.

Раздел «Абонементы»

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

Раздел «Акции»

Раздел создан для информирования пользователей о специальных предложениях и сезонных скидках клиники motto. Основная задача — сделать представление акций вдохновляющим, а не рекламным, сохранив эстетику и визуальную чистоту бренда.
Крупные фотографии с естественным светом создают эмоциональные акценты и визуальную динамику, а минималистичная типографика подчёркивает важную информацию: срок действия, условия и описание предложения.
Детальные страницы акции оформлены в едином тоне бренда. Информация структурирована по принципу «один экран — одно действие»: описание, услуги, цена и кнопка записи.

Раздел «Бренды-партнёры»

Этот раздел создан для представления косметических брендов, с которыми сотрудничает motto. Основная идея — подчеркнуть экспертность клиники и доверие к качеству используемых средств, сохранив при этом эстетику и визуальный стиль сайта.
В дизайне объединены редакционная подача и минимализм: крупные изображения продуктов и аккуратная типографика. Каждый бренд представлен собственной карточкой с описанием философии, линейкой средств и визуальной айдентикой.
Белое пространство и естественная палитра позволяют сфокусироваться на текстурах и материалах, передавая атмосферу премиального ухода. Раздел визуально продолжает эстетику сайта, сохраняя баланс между контентом и эмоциональным восприятием.

Раздел «События»

Раздел «События» создан как динамичная часть сайта, отражающая жизнь и развитие клиники motto. Здесь пользователи узнают о новых процедурах, мастер-классах, сезонных ритуалах и специальных мероприятиях бренда.
Крупные карточки с атмосферными фотографиями, датой и коротким описанием формируют визуальную ленту новостей.
На детальной странице события — минималистичная композиция с акцентом на смысл: описание, программа, преимущества и удобная форма записи.

Раздел «Отзывы»

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

Раздел «Галерея»

Раздел «Галерея» — визуальное отражение философии бренда motto. Здесь собраны ключевые образы, передающие эстетику пространства, атмосферу заботы и индивидуальность гостей клиники.
В основе дизайна лежит принцип визуального дыхания — крупные фотографии, чистые поля и мягкая световая композиция.
Раздел разделён на несколько категорий: эстетика motto., наши гости, пространства, работы специалистов и до / после. Каждая категория оформлена с учётом её визуального характера — от художественных портретов до интерьерных кадров.
Фотографии выстроены в свободную сетку, без строгих рамок, что усиливает ощущение естественности и жизни в кадре. Галерея не просто демонстрирует услуги, а формирует эмоциональный контакт, визуально раскрывая суть бренда: осознанная красота начинается с атмосферы.

Раздел «Подарочная карта»

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

Раздел «motto-mag»

Раздел motto-mag — это онлайн-журнал салона motto., посвящённый осознанному уходу, красоте и здоровью. Он служит не просто новостным разделом, а продолжением философии бренда: вдохновлять, просвещать и помогать пользователям заботиться о себе вдумчиво.
Крупные заголовки, чистое пространство и естественные фотографии обеспечивают визуальный ритм и читаемость.
Навигация реализована через тематические теги (косметология, велнесс, питание, уход, ментальное здоровье), что помогает пользователю быстро находить интересующие статьи.

Страница статьи motto-mag

Страница статьи motto-mag продолжает редакционную эстетику бренда motto., объединяя вдохновляющий контент и функциональность. Основная цель — сделать раздел не только визуально выразительным, но и эффективным инструментом SEO-продвижения.
Дизайн и структура разработаны с учётом поисковых требований и принципов удобства чтения:
— логичное содержание статьи помогает пользователю быстро ориентироваться;
— баннер с CTA («Записаться» или «Скидка на процедуру») встроен в середину текста и естественно ведёт к конверсии;
— комментарии повышают вовлечённость и формируют органический пользовательский контент, усиливая SEO-эффект.
Блок «Направления» внизу страницы связывает контент журнала с услугами клиники, превращая информационный интерес в действие.
Таким образом, motto-mag выполняет двойную задачу — укрепляет экспертность бренда и работает как инструмент контент-маркетинга и органического продвижения.

Итоги проекта

В процессе работы был создан целостный пользовательский опыт, охватывающий все сценарии взаимодействия — от первого впечатления на главной странице до оформления записи на услугу.
Главная цель и CTA сайта — запись на приём, поэтому вся структура, тексты и визуальные акценты выстроены так, чтобы плавно привести пользователя к действию: от вдохновения через контент до уверенного выбора процедуры.
Дизайн объединяет эстетику и функциональность:
— передаёт атмосферу бренда через визуал и работу с фотографиями;
— обеспечивает удобную навигацию и адаптивность;
— поддерживает SEO-продвижение за счёт контентного раздела motto-mag;
— формирует доверие к бренду через прозрачную структуру и экспертный тон.
В результате получился функциональный и эстетичный веб-продукт.
Проект motto. — это не просто сайт, а часть целостного клиентского опыта, где каждый экран отражает философию бренда и заботу о человеке. Он вдохновляет, направляет и мягко подталкивает к главному действию — шагу навстречу себе.
КОНТАКТЫ
Мы создаем стильный дизайн, который конвертит лидов в заявки и приносит компаниям деньги.
услуги
проекты
контакты