О проекте
О целях и задачах
Описание проблемы:
Сложная навигация и устаревший интерфейс, не соответствующий современным стандартам UX.
Визуальная непоследовательность и отсутствие единого стиля, который подчеркивал бы уникальность бренда.
Низкая конверсия: Недостаточно четкие УТП и слабая структура, затрудняющие восприятие ценности услуг.
Слабая адаптивность: Мобильная версия сайта работала плохо, что ограничивало пользователей, заходящих с телефонов и планшетов.
Цели проекта:
Увеличение конверсии за счет создания чётких и релевантных УТП.
Оптимизация навигации, чтобы сайт стал более удобным и интуитивно понятным.
Обновление дизайна: Повысить привлекательность сайта для целевой аудитории за счет обновленного дизайна и структуры.
Улучшение мобильной версии: Обеспечить полную адаптивность сайта для мобильных устройств.
Внедрение системы отзывов: Создать сайт, включающий в себя блок “Отзывы” для увеличения доверия со стороны потенциальных клиентов.
Начало процесса
Работа над Stilvoll Haus была направлена на создание сайта, способного не только привлечь внимание, но и эффективно представить услуги компании. Мой фокус — маркетинговый подход в разработке сайта, в основе которого лежат интересы целевой аудитории
Моя задача, как специалиста по сайтам — создать не просто красивую картинку, а рабочий инструмент. В этом проекте маркетинговый подход был крайне важен: нужен был не просто сайт, а полноценный инструмент продаж. Понимание рынка и аудитории стало основой, на которой строился весь проект.
Этап 1. Исследование
Анализ аудитории
Данный этап делиться на 3 ключевых процесса:
Сегментация аудитории: разделила целевую аудиторию на несколько сегментов по интересам и потребностям;
Персонажи: создала персонажей для каждого сегмента, чтобы глубже понять их мотивацию;
CJM (Customer Journey Map или путь клиента): прописала ключевые этапы пути клиента для каждого сегмента.
Анализ аудитории
В ходе анализа аудитории были выделены несколько ключевых сегментов целевой аудитории для услуг по строительству домов.
Фокус был сделан на следующие группы:
Семейные пары, которые планируют переезд;
Желающие обновить дизайн своего жилья;
Бизнес-клиенты (рестораны, отели, офисы).
Также мной была составлена таблица CJM (пути клиента) для того, чтобы понимать, как целевая аудитория будет совершать целевое действие для покупки продукта/услуги на каждом этапе.
Всего существует 6 этапов:
Осознание проблемы,
Поиск решений,
Оценка альтернатив,
Принятие решения,
Использование и оценка продукта,
Рекомендации.
По каждому этапу были расписаны цели на этап, ожидания и эмоции клиента, процесс, точки контакта и проблемные точки, на основании которых были предложены идеи и решения.
Например, на этапе оценки альтернатив потенциальные клиенты компании сравнивают услуги и портфолио, цены и отзывы. В данном случае важно показать реальные проекты и отзывы, прозрачные и понятные ценовые пакеты, предложить онлайн-калькулятор или описать, что входит в стоимость проекта. Необходимо показать портфолио с проектами, разделить работы по стилям, чтобы клиенту было проще найти то, что ему нравится.
Или на этапе первого контакта с клиентов, чтобы остановить его выбор на компании, необходимо обеспечить ему быстрое и понятное взаимодействие. Поэтому была создана упрощенная форма заявки на бесплатную консультацию.
Потенциальные клиенты компании, заходя на сайт, ожидают увидеть примеры успешных реализаций, чтобы убедиться в качестве работы. Поэтому был создан блок с видео-отзывами и представлены успешные проекты, чтобы продемонстрировать качество работы. Также у клиентов компании присутствует потребность в быстрых ответах на интересующие их вопросы, а также высокий уровень профессионализма со стороны компании. Поэтому был создан раздел "FAQ" (часто задаваемые вопросы) для быстрого реагирования на запросы и имеющиеся возражения,” — (с) Алина Набиуллина
По итогам анализа аудитории были сделаны выводы по каждому сегменту и предложены идеи для реализации на сайте:
Необходимо фокусироваться на экономичности и уникальности в предложениях (молодые семьи ищут удобные решения и гарантии качества);
Необходимы эксклюзивные предложения и высокие гарантии качества (строительные компании заинтересованы в скорости и надежности поставок);
Важно учитывать, что ключевые пользователи приходят через мобильные устройства и социальные сети.
Анализ конкурентов
Я исследовала пять конкурентов в нише дизайна интерьеров. Каждый из них предложил интересные решения, но в то же время были выявлены и слабые стороны, на которые стоило обратить внимание.
Конкурентный анализ был проведен с целью понимания реальной картины на рынке и видения того, как я могу отстроить своего клиента от них.
В ходе анализа конкурентов оценивались: UX и UI на сайте, содержание основных страниц, позиционирования и УТП компаний, адаптивность и копирайтинг сайта. Затем были сделаны выводы и досье по конкурентам, которые включали в себя: слабые стороны, сильные стороны, особенности ниши, интересные идеи для клиента и прочие инсайты с анализа.
Основные выводы:
Простота навигации и продуманное позиционирование — ключ к завоеванию доверия;
Многие сайты конкурентов имели проблемы с адаптивностью и визуальным оформлением на мобильных устройствах;
Некоторые сайты отличались интересными интерактивными элементами, но при этом страдали от перегруженности информацией.
Выводы по анализу ниши:
Что важно:
Потребность в минималистичном дизайне, который подчеркивает качество работ;
Клиенты ценят премиум-уровень и наличие подробных портфолио (доверие строится на отзывах и видимых результатах);
Клиенты ценят полный цикл услуг и простоту взаимодействия с сайтом (визуальная структура должна быть интуитивной и доступной);
Мобильные версии сайтов часто остаются недоработанными.
Наличие блога и статей помогает создавать доверие у клиентов. Портфолио — главный инструмент для продажи услуг в этой нише. Важно создать свежий и привлекательный дизайн, выделяющийся на фоне, и рассказать о команде, ее профессионализме и подходах.
Этап 2. Написание смыслов и текста
Контент сайта должен четко доносить сильные стороны компании и её уникальные предложения. Я переработала тексты, сосредоточившись на ключевых потребностях аудитории, улучшила структуру описаний и добавила акценты на преимуществах продукции
Что важно
Опираясь на сильные стороны компании, я сфокусировалась на создании четких, запоминающихся УТП, которые отразили уникальные особенности услуг. Данный этап является залогом успеха клиента в продажах, так как эта ключевая единица на сайте,” — (с) Алина Набиуллина.
УТП и позиционирование для текста на сайт были сформированы на основании сравнительного анализа всех имеющихся УТП и позиционирований у конкурентов на рынке. В ходе сравнительного анализа были представлены выводы, которые включали в себя информацию о том, какие УТП не раскрыты у клиента, идея для новых УТП и то, на чем можно сконцентрироваться. А также сравнительный анализ показал в каких имеющихся УТП клиент сильнее, а над какими нужно поработать.
На этапе создания текстового прототипа основное внимание уделялось копирайтингу, текстовой составляющей, структуре сайта и его удобству для пользователя. Я разработала прототип, который позволил бы пользователям быстро находить нужную информацию и принимать решение о покупке.
Этап 3. Прототипирование
Структура — будущий скелет сайта, на котором строится весь контент и наполнение (логическое построение всех страниц сайта, категорий и подкатегорий). Это логическая схема, в соответствии с которой все страницы и разделы сайта расположены относительно друг друга и принцип, по которому они друг с другом взаимосвязаны
На этом этапе было сделано следующее
Графический прототип сайта был сформирован в Figma и представлял собой черновой макет для визуализации элементов сайта. Я проработала идеи для представления портфолио и отзывов.
Этап 4. Дизайн и внедрение
Я стремились создать дизайн ориентирован на легкость восприятия и подчёркивание уникальности бренда. В нише дизайна интерьеров было важно создать сайт, который сочетает визуальную эстетику с простотой использования.
На этом этапе были сделаны: визуальный анализ сайтов в нише дизайна интерьеров, подбор референсов и оформление финального дизайн-макета в Figma.
На этапе визуального анализа я изучила основные визуальные элементы конкурентов и тренды. Было важно создать минималистичный и современный дизайн, который бы выделял сайт на фоне остальных.
На основе проведенного анализа, мои рекомендации под создание сайта в нише дизайна интерьеров были следующими:
Рекомендовано воздержаться от использования яркого акцентного цвета, так как у пользователей больше ассоциация со спокойствием, уюта и тишины. Передается атмосфера аккуратности и изящества. В основном используется белый цвет, оттенки зеленого, бежевого и темно-коричневого. В проектах преобладает минимализм, акцентная типографика.
Акцент больше делается на самих проектах компании и фотографиях. Особенности в стиле строятся на качестве фотографий проектов. Используются разные варианты представления галереи реализованных проектов, но в основном фотографий в меру, нет перегруза текстом, соблюдается равновесие между текстом и фото
Этап 4. Дизайн и внедрение
Подбор референсов
Референсы — это источники вдохновения, которые помогают визуализировать будущие решения в проекте. Для вдохновения я использовала лучшие примеры в сфере строительства домов и архитектуры, а также премиальные западные бренды. Референсы помогли мне создать уникальный визуальный стиль, который соответствовал бы ожиданиям целевой аудитории.
Этап 4. Дизайн и внедрение
Стиль проекта, шрифты и цвета
Для проекта я подобрала сдержанные цвета и чистые шрифты для элегантного стиля.
Разработка дизайн-макета
Я разработала дизайн-макет сайта, продумав каждую деталь, чтобы сайт был одновременно стильным и удобным для восприятия. Было важно не перегружать пользователя лишней информацией.
Элементы
Цветовая палитра
2A2B2D
D6D2CE
72767B
Шрифты
Neutral Face
Этап 4. Дизайн и внедрение
Работа над этим проектом подчеркнула важность ориентации на пользователя. Каждый блок создавался с учетом удобства и понимания клиентом предложений компании
Мобильная версия
Поскольку около 50% трафика сейчас приходится на мобильные устройства, то была проработана адаптация сайта под различные устройства: мобильная версия и версия для планшета.
В процессе разработки внедрили:
Простой и интуитивный интерфейс;
Обновленный дизайн, визуально привлекательное портфолио;
Адаптивный дизайн, который работает на всех устройствах;
Систему отзывов для увеличения доверия со стороны потенциальных клиентов.
Резюме проекта
Мои инсайты с проекта, выводы:
Важно прорабатывать каждый блок не только визуально, но и донести нужные смыслы, чтобы пользователь сразу осознавал ценность предоставляемых услуг;
Понимание аудитории помогло сформировать релевантные УТП и выстроить коммуникацию между компанией и ее клиентами уже на уровне взаимодействия с сайтом;
Решение адаптивности стало ключевым, поскольку значительная часть аудитории использует мобильные устройства.
На моём курсе, вы:
Работаете над живыми задачами бизнеса, а не учебными проектами;
Получаете персональную поддержку от ментора и обратную связь на каждом этапе;
Формируете практическое портфолио из 15–20 работ для уверенного старта в карьере;
Строите систему продаж и поиска клиентов, чтобы уверенно зарабатывать от 100-200.000+ рублей.
Запишитесь на обучение и начните зарабатывать на фрилансе, реализуя ценные для бизнеса проекты