Редизайн и проектирование интерфейса магазина строительных товаров «ОтВинта»

Главное о кейсе

«От Винта» — молодая компания, торгующая строительными и отделочными товарами в Орехово-Зуевском районе Московской области. Целевая аудитория — местные жители, профессионалы строительного рынка, а также проезжающие дачники.

Задача бизнеса:
Повысить удобство и привлекательность сайта, чтобы удержать лидирующие позиции на рынке интернет-торговли строительными товарами Московской области. Привлечь как местных жителей (в особенности – профессионалов строительного рынка), так и проезжающих по трассе москвичей.

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

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

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

Продажи интернет-магазина выросли на 4 000 000 рублей за первые 8 месяцев после реализации проекта, количество заказов — на 52%, средний чек увеличился на 42%, новых посетителей стало больше на 7%, повторно покупающих клиентов — на 59%.

Передали заказчику:
1. 160 замечаний по итогу UX-аудита;
2. редизайн всех ключевых разделов сайта:
- обвязка
- главная
- поиск
- каталог
- карточка товара
- корзина
- чекаут
3. спроектировали с нуля и передали заказчику разделы сайта для двух типов пользователей: частных покупателей и строителей-профессионалов:
- личные кабинеты для массовых и профессиональных пользователей
- сметы для планирования закупок и работы с товарами
- сервис для подбора и заказа дизайнерской керамической плитки
- биржу профессионалов (страницы портфолио и кейсов мастеров, подбор исполнителя на строительные работы для массовых пользователей)


"Ot Vinta" is a young company selling construction and finishing products in the Orekhovo-Zuevsky district of the Moscow region. The target audience is local residents, construction market professionals, and summer residents passing through.

Business goal:
To improve the convenience and attractiveness of the website in order to maintain a leading position in the online trade market of construction products in the Moscow region. To attract both local residents (especially construction market professionals) and locals passing through the highway.

Design goal:
To conduct a targeted redesign of the key pages of the website that directly affect conversion. To design new sections of the website for private and professional buyers.

Result:
The customer received targeted improvements to the key pages of the website, an update to the visual style, and new interface sections, gradually implemented on the website.

A week after the first release in our design, sales through the website increased, and the customer came for the next sections.

Online store sales increased by 4,000,000 rubles in the first 8 months after the project was implemented, the number of orders increased by 52%, the average bill increased by 42%, new visitors increased by 7%, and repeat customers increased by 59%.

Delivered to the client:
1. 160 comments based on the results of the UX audit;
2. redesign of all key sections of the site;
3. designed from scratch and transferred to the customer sections of the site for two types of users: private buyers and professional builders.

Как проект изменил жизнь пользователей

Работая с «От Винта!», мы ориентировались на три основных типа пользователей: московские дачники, местные жители и строители.

Москович строит дачу под Орехово-Зуево. Привык к Московскому сервису. Летом ездит по трассе, на которой стоит магазин. Хочет покупать товары по дороге.
Теперь он может ещё в Москве спланировать строительство и согласовать сметы с прорабом, сформировать заказ, отследить готовность в личном кабинете и забрать по дороге на дачу.

Местный житель за крупными покупками пойдёт на строительный рынок, а за расходниками – к нам. Ему важно быстро проверить что есть в наличии и быстро забрать товар.
Быстрый поиск, статусы доступности товаров и проработанный флоу покупки теперь экономят его время и нервы.

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

Working with "Ot Vinta!", we focused on three main types of users: Moscow summer residents, local residents and builders.

Moskovich is building a dacha near Orekhovo-Zuevo. He is used to Moscow service. In the summer, he drives along the highway where the store is located. He wants to buy goods on the way.
Now he can plan the construction and agree on estimates with the foreman in Moscow, create an order, track the readiness in his personal account and pick it up on the way to the dacha.

A local resident will go to the construction market for large purchases, and to us for consumables. It is important for him to quickly check what is in stock and quickly pick up the goods.
Quick search, product availability statuses and a well-developed purchase flow now save his time and nerves.

A local builder himself buys from competitors: prices are lower on the market. However, to work with clients, especially Moscow summer residents, he can use an online store. Financial motivation is important.
With a personal account, estimates, a professional exchange and special conditions, he can attract more clients. Including Moscow summer residents.

Бизнес-задача и ее решение

Постепенно реализуя наш дизайн, бизнес отмечает рост посещений сайта, конверсии и покупок. Помимо работы с конечными покупателями, теперь «От Винта!» развивают отношения и с местным сообществом профессионалов, что усиливает их позиции на конкурентном рынке Московской Области.

By gradually implementing our design, the business notes an increase in site visits, conversions and purchases. In addition to working with end customers, Ot Vinta is now developing relationships with the local community of professionals, which strengthens their position in the competitive market of the Moscow Region.

Крафт (мастерство), реализация, технические детали

Мы стремимся к стабильности и предсказуемости. Работаем с учётом ограничений, в плотном контакте с разработкой. Заказчик тоже понимал важность: техдиректор принимал участие во всех созвонах.

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

We strive for stability and predictability. We work taking into account the restrictions, in close contact with the development. The customer also understood the importance: the technical director took part in all the calls.

For our part, we try to simplify the developers' lives as much as we can. We draw UJMs based on the audit results, assemble layouts on components in figma, make interactive prototypes, write comments, logically organize the flow and keep the files clean and tidy.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

С владельцем «От Винта!» Ильёй мы познакомились в поле: брали у него интервью, когда изучали потребности продавцов стройтоваров. Через некоторое время Илья пришел за проектом.

Начали с аудита и редизайна существующих разделов, остальные проектировали с нуля.
Любопытные примеры – Сметы и Биржа Профессионалов.

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

Часто в комплект к материалу нужен мастер.
Спроектировали Биржу Профессионалов: сервис, в котором мастера могут теперь показать свои работы и оставить контакты, а клиенты – найти исполнителя под свои задачи.

We met Ilya, the owner of Ot Vinta!, in the field: we interviewed him while studying the needs of construction goods sellers. After some time, Ilya came for the project.

We started with an audit and redesign of existing sections, and designed the rest from scratch.

Interesting examples are Estimates and the Professional Exchange.

From previous projects, we know that there are few favorites: the construction process is long, more structure is needed.
In Estimates, users can save products for different projects in separate lists, create subcategories, see amounts, share estimates, and plan purchases.

Often, a master is needed to complete the material.

We designed the Professional Exchange: a service in which masters can now show their work and leave contacts, and clients can find a contractor for their tasks.

Текущая доступность работы

Русская версия кейса доступна по ссылке https://sobakapav.ru/portfolio/ot-vinta По состоянию на август 2024, все страницы сайта заказчика собраны в нашем дизайне (https://xn--80adsfsdepifdc.xn--p1ai/, отвинтастрой.рф)

Скриншоты

Комментарий заказчика

Хотим поблагодарить за проделанную работу.

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

На протяжении месяцев совместной работы «Собака Павлова» только удивляла, каждое предложенное решение удовлетворяло на все 100%.

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