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