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