Дизайн для бизнеса: как я решала разные задачи через UX/UI для сайтов в 3-х нишах

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

Web

Роль:

Цель кейса:

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

Проект 1: Гастромолл «Главный» в Екатеринбурге

Многостраничный сайт для уральского гастромола «Главный».

Погружаю в контекст

Задача намбер уан: выделиться и запомниться на весь Урал

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

Моя ключевая задача

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

Как я воплотила в жизнь метафору, которую «Главный» использует во всех соцсетях (UI)

Визуальная концепция: Совместно с арт-директором придумали идею отразить знаковые архитектурные здания Екатеринбурга в виде 3D моделей из разных материалов. Все это реализовано на первом экране, а также на протяжении всего сайта есть отсылки к другим местам, например, 300-летнему дубу.

Контент: Спроектировала блоки, рассказывающие историю: идея места → локация и архитектура → резиденты (рестораторы) → насыщенная событиями жизнь → контакты

Эмоции: Подобрала фотографии, которые передают атмосферу: люди, еда, интерьеры, намек на уральский колорит.

Результаты

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

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

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

Проект 2: ТСД-Эксперт

Продуктовая страница выбора модели термотрансферного принтера.

Ввожу в контекст

Нужно было сделать флоу так, что поняли даже те, кто не в теме

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

В чем проблема

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

Как я размышляла

Гипотеза 1

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

Гипотеза 2

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

Рассмотренные варианты

Вариант 1: отдельные блоки для каждого принтера

подробная информация по каждому продукту
скрытая таблица характеристик внутри каждого блока

Минусы:

сложно сравнивать модели между собой
страница визуально перегружена
создаётся ощущение приоритета первого товара.

Вариант 2 (выбранный): три товара в одном ряду с общей таблицей характеристик

Почему выбрала:

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

Результаты

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

Увеличение конверсии до 10% согласно внутренней статистике.

Проект 3: OnTop Agency

Лендинг для агентства, которое развивает бренды онлайн в e-commerce и на маркетплейсах.

Погружаю в контекст

Нужно было отстроиться от конкутентов так, чтобы все поняли кто лидер в нише

Создать современный, доверительный лендинг для digital-агентства, который является конечным этапом маркетинговой воронки и конвертирует посетителей в заявки через форму.

Моя ключевая задача

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

Что я сделала (UX/UI)

Спроектировала структуру страницы и пользовательский путь: проблема клиента (hero-блок, чтобы пользователь с первых 5-секунд понял что попал по адресу) → как эту проблему уже решили другим клиентам (кейсы) → показать свою экспертизу и рассказать про руководителя, так как она является ключевой фигурой → решение от агентства (услуги) + призыв к действию (CTA)→ социальное доказательство (отзывы) → CTA через бесплатную консультацию c фаундером.

Спроектировала детализированный прототип и разработала 4 дизайн-концепции, одна из которых ушла в продакшн. Для финальной версии создала десктопную версию, а также мобильные адаптивы.

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

Использовала на сайте наработки клиента: внедрила блок с целевым действием для подписки на телеграм-канал через лид-магнит в чат-боте.

Результаты

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