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

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

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

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

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

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

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

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

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

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

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

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

Stilvoll Hausе

Проект по редизайну корпоративного сайта для дизайн-бюро "Stilvoll Hause", обновление дизайна и смыслов

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

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

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

О проекте

Дизайн-бюро “Стильный дом” (Stilvoll Haus) (г. Набережные Челны) занимается не только проектированием внутреннего пространства, предметов мебели и декора, но и полной комплектацией объекта, а также осуществляет авторский надзор за строительством и ремонтом объекта.

Дизайн-бюро “Стильный дом” (Stilvoll Haus) (г. Набережные Челны) занимается не только проектированием внутреннего пространства, предметов мебели и декора, но и полной комплектацией объекта, а также осуществляет авторский надзор за строительством и ремонтом объекта.

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

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

  • Сложная навигация и устаревший интерфейс, не соответствующий современным стандартам UX.

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

  • Низкая конверсия: Недостаточно четкие УТП и слабая структура, затрудняющие восприятие ценности услуг.

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

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

  • Увеличение конверсии за счет создания чётких и релевантных УТП.

  • Оптимизация навигации, чтобы сайт стал более удобным и интуитивно понятным.

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

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

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

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

Работа над Stilvoll Haus была направлена на создание сайта, способного не только привлечь внимание, но и эффективно представить услуги компании. Мой фокус — маркетинговый подход в разработке сайта, в основе которого лежат интересы целевой аудитории

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

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

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

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

  1. Сегментация аудитории: разделила целевую аудиторию на несколько сегментов по интересам и потребностям;

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

  3. CJM (Customer Journey Map или путь клиента): прописала ключевые этапы пути клиента для каждого сегмента.

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

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

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

  • Семейные пары, которые планируют переезд;

  • Желающие обновить дизайн своего жилья;

  • Бизнес-клиенты (рестораны, отели, офисы).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Основные выводы:

  • Простота навигации и продуманное позиционирование — ключ к завоеванию доверия;

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

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

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

Что важно:

Потребность в минималистичном дизайне, который подчеркивает качество работ;

  • Клиенты ценят премиум-уровень и наличие подробных портфолио (доверие строится на отзывах и видимых результатах);

  • Клиенты ценят полный цикл услуг и простоту взаимодействия с сайтом (визуальная структура должна быть интуитивной и доступной);

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

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

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

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

Что важно

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

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

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

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

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

На этом этапе было сделано следующее

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

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

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

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

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

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

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

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

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

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

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

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

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

Для проекта я подобрала сдержанные цвета и чистые шрифты для элегантного стиля.

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

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

Элементы

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

2A2B2D

D6D2CE

72767B

Шрифты

Neutral Face

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

Работа над этим проектом подчеркнула важность ориентации на пользователя. Каждый блок создавался с учетом удобства и понимания клиентом предложений компании

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

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

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

  • Простой и интуитивный интерфейс;

  • Обновленный дизайн, визуально привлекательное портфолио;

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

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

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

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

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

  • Понимание аудитории помогло сформировать релевантные УТП и выстроить коммуникацию между компанией и ее клиентами уже на уровне взаимодействия с сайтом;

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

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

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

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

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

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

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

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

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

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

Другие кейсы