Исследования
Старый дизайн страницы статьи
Для меня было важно сделать блог удобным, чтобы пользователь не тратил время на изучение интерфейса.
Я провёл конкурентный анализ, что бы сформировать пул популярных и понятных пользователю решений.
Задача
Платформа на которой размещается блог уходит из России, необходимо перенести блог на собственный хостинг и сделать редизайн блога: обновить UI в соответствии с обновлённой дизайн-системой и дополнить функционал.
Необходимо провести редизайн блога
Сайт блога
На главную
Срок реализации: 4 недели
UX/UI дизайн
В блоге restore можно узнать что-то интересное из мира технологий, почитать обзор на новинку, найти инструкцию, идею для подарка или узнать полезный лайфхак по использованию своего гаджета.
restore:blog
Новый дизайн разводящей страницы
Старый дизайн разводящей страницы
Блог это часть магазина restore, ему важно быть не только информативным, но и красиво презентовать товары, поэтому в поисковой выдаче сделан акцент на информативных крупных фото.
Новые страницы блога выглядят легче и имеют весь недостающий функционал.
Дизайн
Текущий дизайн это просто бесконечная лента статей, без возможности удобной фильтрации, поиска и рекомендаций.
Интерфейс так же учитывает маркетинговые цели: в самом начале пользователя встречает баннер с фокусной статьёй. Она помогает нативно подсвечивать нужную тему, что важно при анонсе новых продуктов.
③
④
②
①
Блок популярных статей, в нём собраны любимые пользователями материалы.
Блок с подпиской и соц сетями в середине, а не в конце страницы, для повышения конверсии в подписчиков.
Можно гибко отфильтровать выдачу, также появился поиск.
Баннер с фокусным товаром, позволяет подсветить нужный продукт.
Итоги проекта
Релиз ожидается в сентябре
Страница успешно прошла тестирования и ревью, а в данный момент находится на этапе реализации.
После релиза планируется отслеживать время удержания на странице и переходы в товары из тела статьи.
После релиза планируется отслеживать время удержания на странице и переходы в товары из тела статьи.
Страницы статей — это конструктор. В них можно комбинировать любые компоненты: чек-листы, инструкции, текст+картинка, шаги, списки, таблицы и слайдеры.
На главную
Кнопка-ссылка на товар может быть добавлена в шапку блока или прямо в текст. В конце каждой страницы есть блок с рекомендациями и фильтром по темам, так же можно добавить баннер со ссылкой на товар.
Количество знаков в строке ~55–65. Это обеспечивает комфортную для чтения ширину строки.
