Addwine website redesign

  • Клиент:
    Интернет-магазин по продаже винный аксессуаров Addwine

    Задача:
    Опираясь на метрики выявить текущие проблемы пользования интерфейсом и восприятие продукта пользователями. На основе аналитики разработать новый сайт компании, внедрить уникальные среди похожих сервисов функции. Создать максимально понятный, приятный и простой в использовании интерфейс, который позволил бы компании выделиться на фоне конкурентов.

    Client:
    Online sales of wine accessories - Addwine

    Goals:
    Based on the metrics we have to identify the current problems of using the interface and perception of the product by users. On the base of analytics - develop a new website for the company, create 
    unique functions among similar services. The interface should be clear, pleasant and easy to use interface that would allow the company to stand out from the competition.


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

    We analyzed the user interacting with the old site and optimized the catalog filters based on the data.



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

    We worked out the UX in the basket -  for making a purchase it was necessary to switch to several pages without understanding how much information you need to complete, now we developed just 3 steps to make a  purchase, which are displayed on 1 page - so the scroller shows the page length. 



  • Но перед тем как получить такой результат - первым делом мы прорабатываем Mind Map. Совместно с аналитикой эта карта становится фундаментом для построения конечного продукта.

    But before we get that result, the first thing we do is a working on the Mind Map. This map together with analytics, becomes the foundation for building the final product.

  • Далее мы прорабатываем функционал и логику каждой страницы и каждого всплывающего окна.

    Next, we work out the functionality and logic of each page and Modal windows.
  • Как результат создания каркаса является минимизация усилий пользователя при взаимодействии с продуктом.

    A result of the wireframing stage is the minimization of user effort when interacting with the product.
  • Thanks for watching
    Спасибо за просмотр