“Дизайнер знает, что достиг совершенства, не тогда, когда больше нечего добавить, а когда больше нечего отнять”.

— Антуан де Сент-Экзюпери, французский поэт, писатель и журналист

ИП: Барсуков Эдуард Олегович

ИНН: 391406055230 
ОГРНИП: 321392600005404

© 2024 Все права защищены

Сайт реализовал Эдуард Барсуков

“Дизайнер знает, что достиг совершенства, не тогда, когда больше нечего добавить, а когда больше нечего отнять”.

— Антуан де Сент-Экзюпери, французский поэт, писатель и журналист

ИП: Барсуков Эдуард Олегович

ИНН: 391406055230 
ОГРНИП: 321392600005404

© 2024 Все права защищены

Сайт реализовал Эдуард Барсуков

Проект по редизайну сайта строительной компании
в Казани, где добавили акцент на эстетику и удобство для пользователей

Проект по редизайну сайта строительной компании в Казани, где добавили акцент на эстетику и удобство для пользователей

Проект по редизайну сайта строительной компании в Казани, где добавили акцент на эстетику и удобство для пользователей

Проект по редизайну сайта строительной компании в Казани, где добавили акцент на эстетику
и удобство для пользователей

Проект по редизайну сайта строительной компании в Казани, где добавили акцент
на эстетику и удобство для пользователей

Проект по редизайну сайта строительной компании в Казани, где добавили акцент
на эстетику и удобство для пользователей

Алина Набиуллина
6 проект

Алина Набиуллина
6 проект

Алина Набиуллина
6 проект

→ Telegram

О проекте

Компания “Seven House” (г. Казань) специализируется на строительстве домов под ключ, предоставляя своим клиентам комплексные решения для создания идеального дома. Компания основана на принципах качества, надёжности и инноваций.

Компания “Seven House” (г. Казань) специализируется на строительстве домов под ключ, предоставляя своим клиентам комплексные решения для создания идеального дома. Компания основана на принципах качества, надёжности и инноваций.

О целях и задачах

Описание проблемы:

  • Устаревший дизайн: Визуальное оформление и функциональные элементы сайта были неактуальными и не привлекали современных пользователей.

  • Низкая конверсия: Из-за запутанной навигации и отсутствия четкого УТП клиенты не могли быстро понять ценность услуг.

  • Слабая адаптивность: Мобильная версия сайта работала плохо, что ограничивало пользователей, заходящих с телефонов и планшетов.

Цели проекта:

  • Увеличение конверсии: Обновить интерфейс сайта с упором на удобную навигацию и четкие призывы к действию.

  • Обновление дизайна: Придать сайту современный и привлекательный вид, который будет отражать профессионализм компании.

  • Улучшение мобильной версии: Обеспечить полную адаптивность сайта для мобильных устройств.

  • Создание новых УТП: Сформулировать уникальные торговые предложения, которые будут выделять компанию на фоне конкурентов.

  • Внедрение системы отзывов: Создать сайт, включающий в себя блок “Отзывы” для увеличения доверия со стороны потенциальных клиентов.

Начало процесса

Моя задача, как специалиста по сайтам — создать не просто красивую картинку, а рабочий инструмент. Основным фокусом в работе был маркетинговый подход к проектированию сайта. Маркетинговый подход всегда критичен для сайтов бизнеса.

Я убеждена, что визуальные решения должны сочетаться с бизнес-целями: UX не просто про удобство, а про результативность для бизнеса (70% проекта это не дизайн, это внутренняя работа с исследованием и проектированием).

Этап 1. Исследование

Анализ аудитории

В ходе маркетингового исследования мной были проведены сбор первичной информации, анализ аудитории, анализ конкурентов, сравнительный анализ и формирование УТП и позиционирований.

Данный этап делиться на 3 ключевых процесса:

  1. Сегментация аудитории, где аудитория клиента делится на сегменты;

  2. Выделяется персонаж каждого сегмента;

  3. Прописывается CJM (путь клиента) по каждому сегменту и формируются выводы: потребности, страхи, возражения, желания.

Анализ аудитории

В ходе анализа аудитории были выделены несколько ключевых сегментов целевой аудитории для услуг по строительству домов.

Фокус был сделан на следующие группы:

  • Семьи с детьми;

  • Молодые пары, планирующие детей;

  • Пожилые пары / индивидуальные заказчики.

Также мной была составлена таблица CJM (пути клиента) для того, чтобы понимать, как целевая аудитория будет совершать целевое действие для покупки продукта/услуги на каждом этапе.

Всего существует 6 этапов:

  1. Осознание проблемы,

  2. Поиск решений,

  3. Оценка альтернатив,

  4. Принятие решения,

  5. Использование и оценка продукта,

  6. Рекомендации.

По каждому этапу были расписаны цели на этап, ожидания и эмоции клиента, процесс, точки контакта и проблемные точки, на основании которых были предложены идеи и решения.

“Например, на этапе поиска решений клиент пытается найти компании, которые строят дома. Тут необходимо акцентировать внимание на разделе отзывов и портфолио на сайте. На этапе оценки альтернатив клиент сравнивает предложения и выбирает лучшее. Поэтому на сайте было важно предложить интерактивные калькуляторы для сравнения вариантов. Или потенциальным клиентам компании хочется четко понимать бюджет, чтобы не было скрытых расходов.

Поэтому на сайте был предложен интерактивный калькулятор стоимости строительства, который позволяет оценить примерный бюджет дома в зависимости от параметров. Также у клиентов компании есть желание видеть процесс строительства, быть в курсе этапов. В данном случае на сайте был представлен блок с примерами успешных работ и видео-отзывами с реализованных проектов,” — (с) Алина Набиуллина

На правильном анализе аудитории держаться все продажи и результативность создания сайтов. По итогам анализа аудитории были сделаны выводы по каждому сегменту и предложены идеи для реализации на сайте:

  • Необходимо фокусироваться на экономичности и уникальности в предложениях (молодые семьи ищут удобные решения и гарантии качества);

  • Необходимы эксклюзивные предложения и высокие гарантии качества (строительные компании заинтересованы в скорости и надежности поставок);

  • Важно учитывать, что ключевые пользователи приходят через мобильные устройства и социальные сети.

Анализ конкурентов

Я исследовала пять конкурентов в нише строительства домов. Каждый из них предложил интересные решения, но в то же время были выявлены и слабые стороны, на которые стоило обратить внимание.

Конкурентный анализ был проведен с целью понимания реальной картины на рынке и видения того, как я могу отстроить своего клиента от них.

В ходе анализа конкурентов оценивались: UX и UI на сайте, содержание основных страниц, позиционирования и УТП компаний, адаптивность и копирайтинг сайта. Затем были сделаны выводы и досье по конкурентам, которые включали в себя: слабые стороны, сильные стороны, особенности ниши, интересные идеи для клиента и прочие инсайты с анализа.

Изучила 5 конкурентов. Основные выводы:

  • Многие сайты конкурентов имели проблемы с адаптивностью и визуальным оформлением на мобильных устройствах;

  • Большинство конкурентов игнорируют визуальную простоту и фокус на UX, что даёт возможность выделиться;

  • Некоторые сайты отличались интересными интерактивными элементами, но при этом страдали от перегруженности информацией.

Выводы по анализу ниши:

Что важно:

Акцент на комплексные решения, комфорт, технологии и высокое качество работ;

  • Индивидуальные коттеджные решения с фокусом на персонализации;

  • Доступное жилье с фокусом на стоимости и качестве;

  • Сайты конкурентов недостаточно четко выражают свои УТП;

  • Мобильные версии сайтов часто остаются недоработанными;

  • Необходимость создания простого и четкого интерфейса, который бы решал проблемы с навигацией и давал понятные призывы к действию.

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

Этап 2. Написание смыслов и текста

Данный этап является залогом успеха клиента в продажах, так как эта ключевая единица на сайте. УТП — рекламная коммуникация, которая базируется на конкретных преимуществах для клиента. Позиционирование — искусство формирования образа компании в воображении целевой аудитории таким образом, чтобы она как можно более выгодно отличалась от марок конкурентов,” — (с) Алина Набиуллина

При разработке текстовой части для сайта важно было учесть недостатки старого контента.

Я переработала тексты, сосредоточившись на ключевых потребностях аудитории, улучшила структуру описаний и добавила акценты на преимуществах продукции.

УТП и позиционирование для текста на сайт были сформированы на основании сравнительного анализа всех имеющихся УТП и позиционирований у конкурентов на рынке.

В ходе сравнительного анализа были представлены выводы, которые включали в себя информацию о том, какие УТП не раскрыты у клиента, идея для новых УТП и то, на чем можно сконцентрироваться. А также сравнительный анализ показал в каких имеющихся УТП клиент сильнее, а над какими нужно поработать.

Этап 3. Прототипирование

“Структура — будущий скелет сайта, на котором строится весь контент и наполнение (логическое построение всех страниц сайта, категорий и подкатегорий). Это логическая схема, в соответствии с которой все страницы и разделы сайта расположены относительно друг друга и принцип, по которому они друг с другом взаимосвязаны,“ — (с) Алина Набиуллина

На этом этапе было сделано следующее: разработка структуры сайта, создание графического прототипа.

Текстовый прототип

На этапе создания текстового прототипа основное внимание уделялось копирайтингу, текстовой составляющей, структуре сайта и его удобству для пользователя. Я разработала прототип, который позволил бы пользователям быстро находить нужную информацию и принимать решение о покупке.

Графический прототип

Графический прототип сайта был сформирован в Figma и включал в себя новую структуру, переработанную на основе потребностей пользователей и результатов исследования.

Этап 4. Дизайн и внедрение

В нише строительства домов важно было создать сайт, который сочетает визуальную эстетику с простотой использования. Я стремились создать современный и минималистичный дизайн, акцентируя внимание на удобстве, что отразилось в плавной навигации и визуальных решениях.

На этом этапе были сделаны: визуальный анализ сайтов в нише строительства домов, подбор референсов и оформление финального дизайн-макета в Figma. 

Визуальный анализ

На этапе визуального анализа я изучила основные элементы интерфейсов конкурентов, чтобы избежать их ошибок. Было важно создать минималистичный и современный дизайн, который бы выделял сайт на фоне остальных.

Этап 4. Дизайн и внедрение

Подбор референсов

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

“На основе проведенного анализа, мои рекомендации под создание сайта в нише строительства домов были следующими:

  • Рекомендовано воздержаться от использования яркого акцентного цвета, так как у пользователей больше ассоциация со спокойствием и лаконичностью. Передается ощущение уюта, спокойствия и экологичности. В основном используются пастельные оттенки серого, зеленого, темно-коричневого и черного, преобладает минимализм и швейцарский стиль.

  • Акцент больше делается на самих проектах компании и фотографиях. Особенности в стиле строятся на качестве фотографий проектов. Используются разные варианты представления галереи реализованных проектов, но в основном фотографий в меру, нет перегруза текстом, соблюдается равновесие между текстом и фото,” — (с) Алина Набиуллина

Этап 4. Дизайн и внедрение

Стиль проекта, шрифты и цвета

Для проекта были выбраны нейтральные, белый с акцентами на стильные серые и металлические оттенки. Я использовала современные шрифты, которые легко читаются и визуально приятны для пользователя.

Разработка дизайн-макета

Я разработала дизайн-макет сайта, уделив особое внимание продуманности каждого блока. Важно было не перегружать пользователя лишней информацией, сохраняя чёткую структуру и интуитивные элементы интерфейса.

В работе я сфокусировалась на создании современного и привлекательного сайта, который не только выделяется визуально, но и решает бизнес-задачи клиента. Каждый элемент был продуман для повышения конверсии и удобства использования.

Элементы

Цветовая палитра

FFFFFF

FFFFFF

FFFFFF

Шрифты

Helvetica

Этап 4. Дизайн и внедрение

Мобильная версия

Поскольку около 50% трафика сейчас приходится на мобильные устройства, то была проработана адаптация сайта под различные устройства: мобильная версия и версия для планшета.

В процессе разработки внедрили:

  • Упрощённую навигацию для пользователей;

  • Обновленный дизайн, отражающий профессионализм компании;

  • Адаптивный дизайн, который работает на всех устройствах;

  • Систему отзывов для увеличения доверия со стороны потенциальных клиентов.

Резюме проекта

Мои инсайты с проекта, выводы:

  • Основной вызов заключался в создании уникального и привлекательного интерфейса, который одновременно был бы удобным для пользователя и эффективным с точки зрения маркетинга для компании.

  • Решение адаптивности стало ключевым, поскольку значительная часть аудитории использует мобильные устройства.

«Хотите создавать такие проекты и работать с реальными бизнесами? Такие кейсы — результат работы моих учеников, которые прошли путь от теории к практике и создали проекты с реальными клиентами, получив огромный опыт за 3 месяца»

«Хотите создавать такие проекты и работать с реальными бизнесами? Такие кейсы — результат работы моих учеников, которые прошли путь от теории к практике и создали проекты с реальными клиентами, получив огромный опыт за 3 месяца»

«Хотите создавать такие проекты и работать с реальными бизнесами? Такие кейсы — результат работы моих учеников, которые прошли путь от теории к практике и создали проекты с реальными клиентами, получив огромный опыт за 3 месяца»

На моём курсе, вы:

  • Работаете над живыми задачами бизнеса, а не учебными проектами;

  • Получаете персональную поддержку от ментора и обратную связь на каждом этапе;

  • Формируете практическое портфолио из 15–20 работ для уверенного старта в карьере;

  • Строите систему продаж и поиска клиентов, чтобы уверенно зарабатывать от 100-200.000+ рублей.

Запишитесь на обучение и начните зарабатывать на фрилансе, реализуя ценные для бизнеса проекты

Другие кейсы

Имя и Фамилия

2024

Скоро

Название проекта

Имя и Фамилия

2024

Скоро

Название проекта

Имя и Фамилия

2024

Скоро

Название проекта

Имя и Фамилия

2024

Скоро

Название проекта

Имя и Фамилия

2024

Скоро

Название проекта

Имя и Фамилия

2024

Скоро

Название проекта

Имя и Фамилия

2024

Скоро

Название проекта

Имя и Фамилия

2024

Скоро

Название проекта

Имя и Фамилия

2024

Скоро

Название проекта

Имя и Фамилия

2024

Скоро

Название проекта

Имя и Фамилия

2024

Скоро

Название проекта

Имя и Фамилия

2024

Скоро

Название проекта