Masha Plettser — сайт для персонального стилиста на Tilda
Masha Plettser — сайт для персонального стилиста на Tilda
Валерия Груздева
СЕО Web-Gruzdeva
feeds:number
мин.
6
мин.
Как я создала сайт для персонального стилиста: от поиска визуальной концепции до запуска на Tilda и первых обращений.
Клиент: Masha Plettser Формат: сайт персонального стилиста и архитектора личного бренда Моя работа: структура, дизайн, сборка на Tilda, мобильная адаптация, анимации, формы, базовая SEO-настройка и подключение аналитики Материалы клиентки: тексты, фотографии и описание услуг Срок: до двух недель
Клиент и контекст
Masha Plettser — персональный стилист, который работает с образом человека и его личным брендом. Среди направлений — трансформация имиджа, персональный шоппинг, составление образов, стилизация съёмок и сопровождение гардероба.
Клиентка обратилась ко мне в период развития личного бренда и запуска новых услуг. Ей было важно собрать своё предложение в одном месте, показать характер и уровень работы, а также дать посетителям возможность обратиться за консультацией.
Основная аудитория сайта — занятые люди, которым нужна помощь персонального стилиста. Для них важно быстро понять подход специалиста, найти подходящий формат работы и сделать следующий шаг.
Задача
Сайт должен был решать три связанные задачи: знакомить с услугами, укреплять доверие к специалисту и принимать заявки.
В визуальной подаче мы искали сочетание премиальности, уверенности и индивидуальности. У клиентки выразительный личный стиль, поэтому оформление должно было поддерживать её характер и работать вместе с предоставленными фотографиями.
Я отвечала за структуру, дизайн и реализацию проекта на Tilda. Тексты и фотографии предоставила клиентка. Это дало основу для работы над последовательностью блоков и визуальной концепцией.
Поиск концепции
Самой сложной частью проекта оказался поиск оформления, которое точно совпадёт с ощущением клиентки от собственного бренда.
Первая концепция постепенно менялась после обсуждений. Мы пересматривали первый экран, подбор фотографий и их расположение. Эти изменения помогали понять, какое впечатление сайт должен создавать при первом знакомстве.
В Figma сохранились ранний макет и несколько вариантов первого экрана. Они показывают процесс поиска: как менялись композиция и акценты, пока мы приходили к итоговому решению.
В финальной версии основными выразительными средствами стали тёмный фон, крупная типографика с засечками и фотографии. На первом экране снимки разного формата складываются в асимметричную композицию. Она поддерживает смелость образа и создаёт ритм рядом с крупным именем Masha Plettser.
Сдержанная палитра оставляет фотографиям пространство для собственных акцентов: фактур одежды, архитектурного окружения и ярких деталей образа.
Структура: от знакомства к обращению
Я выстроила страницу по последовательному сценарию: сначала знакомство со специалистом, затем её подход и услуги, после — результаты работы со стилистом, отзывы и обращение.
Первый экран представляет Masha Plettser и обозначает направление её работы. Блок о миссии раскрывает отношение к личному образу. Благодаря этой последовательности посетитель подходит к выбору услуги уже с представлением о специалисте.
Адаптивный дизайн сайта на экранах компьютера и телефона.
Для услуг я использовала повторяющийся формат: название, краткое описание, изображение и два действия — отправить заявку или узнать подробности.
Такая структура даёт возможность сначала просмотреть направления, а затем углубиться в интересующее предложение. Подробная информация открывается отдельно, сохраняя последовательность основной страницы.
Краткая подача услуги и отдельный переход к подробностям.
Блок о результатах объясняет, что клиент может получить от работы со стилистом. Далее расположены отзывы и форма обращения. Так информация о специалисте, содержании услуг и следующем шаге собрана в одном маршруте.
Реализация на Tilda
После согласования дизайна я собрала сайт на Tilda, добавила анимации и настроила формы заявок. Обращения поступают на почту и в Telegram: клиентка может получать уведомления в удобных для неё каналах.
Отдельно я адаптировала сайт для мобильных устройств. На небольшом экране меняются расположение элементов и масштаб композиции, при этом сохраняются крупная типографика, фотографии и общий характер оформления.
Мобильный первый экран: те же визуальные акценты в вертикальной композиции.
К запуску я выполнила базовую SEO-настройку, подключила Яндекс.Метрику, Яндекс.Вебмастер и Google Search Console. Эти инструменты дают основу для дальнейшего наблюдения за посещаемостью сайта и его присутствием в поиске.
Результат
Проект занял до двух недель. За это время мы прошли путь от исходных материалов и первой концепции до работающего сайта с мобильной версией и настроенными заявками.
По обратной связи клиентки, сайт передаёт её характер. После запуска появились первые обращения через сайт. Их количество отдельно не подсчитывалось, поэтому результат этого этапа — первые контакты с потенциальными клиентами и положительная оценка визуальной подачи.
Для меня этот проект стал примером работы, где важную роль сыграл диалог с заказчицей. Обсуждение первого экрана, фотографий и композиции помогло найти оформление, в котором клиентка узнала себя.