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

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

- Анализ продуктов конкурентов.

- Создание дизайн-концепции интерфейса.

- Проработка сценариев взаимодействия с сайтом.

- Создание UI Kit для проекта.

- Написание ТЗ копирайтеру и команде программистов.

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

Для того, чтобы изучить конкурентов магазина косметики "MyFavBox", мы использовали несколько методов:

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

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

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

4. Оценить дизайн и пользовательский опыт (UI/UX) конкурентов, чтобы понять, что работает хорошо, а что можно улучшить.

Для сайта “MyFavBox” был создан UI-гайд, который устанавливает набор правил и рекомендаций по использованию дизайна, цветовых схем и шрифтов при верстке.

1. Был разработан логотип и выбраны цвета для его использования. Цветовая схема была выбрана в соответствии с пожеланиями клиента, опросов и тематики продукта

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

3. Затем была разработана общая структура сайта и выбраны шрифты для использования. Шрифты были выбраны в соответствии с ранее разработанным брендбуком, которые уже использовались на айдентике и упаковке

UI-гайд был создан для обеспечения консистентности в дизайне и лёгкого использования для разработчиков и дизайнеров, работающих над проектом.

Разработка сайта: https://www.figma.com/design/sLlDqLkQ0pBqIcamTxWR4N/Дизайн-сайта-MyFavBox?node-id=0-1&p=f&t=AnqquPESOHGN3iKS-0 

У клиента был запрос - возможность самостоятельно администрировать, так как есть большой навык работы с Тильдой был выбран именно этот интрумент! При верстке велся надзор за проектом, в ходе работы программиста были сняты видео с ревью о комментариях и поправках.

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

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

Решение включало в себя проработку UI/UX, создание UI Kit, а также подготовку технического задания для копирайтера и команды разработчиков. Новый дизайн помогает пользователям быстро ориентироваться, легко находить подходящие боксы и совершать покупки без лишних сложностей.