UI/UX

Research

Prototyping

Graphic design

UI/UX

Research

Prototyping

Graphic design

UI/UX

Research

Prototyping

Graphic design

BAT NORTON

E-Commerce

2023

Разработка дизайна интернет-магазина для продажи одежды и аксессуаров, который отражает стиль и философию бренда Bat Norton.

цЕЛЬ

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

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

ИССЛЕДОВАНИЕ

ИССЛЕДОВАНИЕ

1.1 АНАЛИЗ РЫНКА

1.1 АНАЛИЗ РЫНКА

1.1 АНАЛИЗ РЫНКА

1.2 ИНТЕРВЬЮ

1.2 ИНТЕРВЬЮ

1.2 ИНТЕРВЬЮ

1.3 ФОРМУЛИРОВКА ГИПОТЕЗ

1.3 ФОРМУЛИРОВКА ГИПОТЕЗ

1.3 ГИПОТЕЗЫ

Вайрфрейм

Вайрфрейм

Вайрфрейм

ПРОТОТИП

ПРОТОТИП

1.1 USER FLOW

1.1 USER FLOW

1.1 USER FLOW

1.2 СТРУКТУРА СТРАНИЦ

1.2 СТРУКТУРА СТРАНИЦ

1.2 СТРУКТУРА СТРАНИЦ

1.3 USABILITY ТЕСТИРОВАНИЕ

1.3 USABILITY ТЕСТИРОВАНИЕ

1.3 USABILITY ТЕСТИРОВАНИЕ

НА ПЕРВОМ ЭТАПЕ БЫЛ СОЗДАН НИЗКОДЕТАЛИЗИРОВАННЫЙ ПРОТОТИП ДЛЯ ПРОВЕРКИ КЛЮЧЕВЫХ ПОЛЬЗОВАТЕЛЬСКИХ СЦЕНАРИЕВ И СТРУКТУРЫ САЙТА.

НА ОСНОВЕ ВЫЯВЛЕННЫХ ПРОБЛЕМНЫХ ЗОН И ОБРАТНОЙ СВЯЗИ ОТ ПОЛЬЗОВАТЕЛЕЙ ПРОТОТИП БЫЛ ДОРАБОТАН С ПРИМЕНЕНИЕМ МЕТОДОЛОГИИ JOB TO BE DONE, ЧТО ПОЗВОЛИЛО СОСРЕДОТОЧИТЬСЯ НА РЕШЕНИИ ЗАДАЧ ПОЛЬЗОВАТЕЛЕЙ.

Дизайн

Дизайн

Дизайн

дИЗАЙН

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

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

рЕФЕРЕНСЫ

РЕФЕРЕНСЫ

ГЛАВНАЯ СТРАНИЦА

КАТАЛОГ

кАРТОЧКА ТОВАРА/КОРЗИНА

ПОДТВЕРЖДЕНИЕ ЗАКАЗА

404/КОНТАКТЫ

ЦВЕТА/ШРИФТ

ЦВЕТА

ЧЕРНЫЙ

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

СВЕТЛО - СЕРЫЙ

Используется как дополнительный цвет, тобы добавить глубину и акценты, не отвлекая от основного контента.

БЕЛЫЙ

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

ГОЛУБОВАТО - СЕРЫЙ

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

ТИПОГРАФИКА

KENJO I

Для дизайна был выбран шрифт Helvetica - универсальный, современный и минималистичный, который идеально подчёркивает эстетику бренда BEZDNA Jewelry.

PRAGAMTICA

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

рЕЗУЛЬТАТЫ

рЕЗУЛЬТАТЫ

ИНТЕРФЕЙС

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

Благодаря интуитивной навигации пользователи легко находят нужные разделы.

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

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

ДОСТИЖЕНИЕ РЕЗУЛЬТАТА

В ходе проекта были проведены глубокие исследования ЦА, включая опрос и анализ конкурентов.

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

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

Финальный дизайн был тщательно проработан, чтобы предложить пользователям максимально комфортный и эстетически приятный опыт.