Обновление Вязаный рф | Редизайн сайта | Маскот

Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №1 — Интерфейсы, Графика на Dprofile

Обновление «Вязаный РФ»


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



https://вязаный.рф/

Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №2 — Интерфейсы, Графика на Dprofile
Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №3 — Интерфейсы, Графика на Dprofile
Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №4 — Интерфейсы, Графика на Dprofile
Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №5 — Интерфейсы, Графика на Dprofile
Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №6 — Интерфейсы, Графика на Dprofile





Подборки


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


Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №7 — Интерфейсы, Графика на Dprofile


Навигация


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



Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №8 — Интерфейсы, Графика на Dprofile





Карта сайта


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




Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №9 — Интерфейсы, Графика на Dprofile


Отслеживание заказов


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


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


Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №10 — Интерфейсы, Графика на Dprofile
Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №11 — Интерфейсы, Графика на Dprofile





Каталог и карточка товара


В каталог добавил разводные элементы для ознакомления пользователя с ассортиментом и новыми идеями для вязания.


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



Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №12 — Интерфейсы, Графика на Dprofile



Помощь


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



Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №13 — Интерфейсы, Графика на Dprofile





Дизайн маскота


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



Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №14 — Интерфейсы, Графика на Dprofile




Енот по кличке «Клубок» размещен на всех пустых страницах и применяется в элементах фирменного стиля. Благодаря гибкой рисовке он легко поддается простой анимации, участвует в активностях и событиях.

Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №15 — Интерфейсы, Графика на Dprofile


Главное меню

​​​​​​​

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



Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №16 — Интерфейсы, Графика на Dprofile
Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №17 — Интерфейсы, Графика на Dprofile
Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №18 — Интерфейсы, Графика на Dprofile





Программа для склада


Создал дизайн-систему, которая позволяет быстро 

собрать необходимый интерфейс.


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


Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №19 — Интерфейсы, Графика на Dprofile


Лендинг для привлечения блогеров


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



Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №20 — Интерфейсы, Графика на Dprofile





Лендинг для благотворительного фонда компании


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


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



Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №21 — Интерфейсы, Графика на Dprofile
Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №22 — Интерфейсы, Графика на Dprofile
Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №23 — Интерфейсы, Графика на Dprofile
Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №24 — Интерфейсы, Графика на Dprofile
Обновление Вязаный рф | Редизайн сайта | Маскот — Изображение №25 — Интерфейсы, Графика на Dprofile

Оценить

Добавить в коллекции...

От автора