---
updateDate: 2026-02-05T00:00:00Z
publishDate: 2024-09-05
publishYear: 2015
name: Азбука Вкуса
title: UX-редизайн продуктового интернет-магазина
excerpt: Перепроектировали ключевые страницы сайта «Азбуки Вкуса»
context: |
[«Азбука Вкуса»](https://av.ru/) — сеть супермаркетов с доставкой продуктов на дом.
logo:
src: ~/assets/images/portfolio/azbuka/logo.svg
alt: Азбука Вкуса • Логотип
link: https://av.ru/
image: ~/assets/images/portfolio/azbuka/main.png
imageAlt: Собака Павлова • «Азбука Вкуса» • UX-редизайн ключевых страниц сайта
thumbnail:
src: ~/assets/images/portfolio/cards/azbuka.svg
alt: Собака Павлова • «Азбука Вкуса» • UX-редизайн ключевых страниц сайта
tags:
- ec
- redesign
- new-features
- mass
relatedPages:
- text: |
### Вам нужен интерфейс?
#### Заказать дизайн
Напишите нам на [we@sobakapav.ru](mailto:we@sobakapav.ru)
#### Что мы можем сделать?
[Редизайн](/services/redesign) и [добавление новой функциональности](/services/new-features), как в этом кейсе, и [многое другое](/services).
collection: services
page: redesign
- collection: services
page: new-features
relatedPages2:
- text: |
### Похожие проекты
collection: portfolio
page: okey
- collection: portfolio
page: ot-vinta
- collection: portfolio
page: petrovich
result:
- src: ~/assets/images/portfolio/figma.svg
text: Покажем из рук в руки и расскажем ещё больше
link: "mailto:we@sobakapav.ru"
budget: "300 000 ₽"
time: "1 месяц"
director: "Новым продуктам — новые бизнес-процессы, новым процессам — новый UX."
metadata:
canonical: https://sobakapav.ru/portfolio/azbuka-vkusa
title: Дизайн интерфейсов • UX-редизайн продуктового интернет-магазина
description: "Перепроектировали ключевые страницы сайта «Азбуки Вкуса»"
robots:
index: true
follow: true
openGraph:
site_name: Собака Павлова
images:
- url: '~/assets/images/portfolio/azbuka/badge.png'
width: 1200
height: 630
---
import Image from '~/components/common/Image.astro';
import TOC from '~/components/widgets/TOC.astro';
<TOC>
[Бизнес-задача](#anchor1) • [Дизайн-задача](#anchor2) • [Результат](#anchor3) • [Отзыв, цены, сроки](#anchor4)
</TOC>
## <a name="anchor1" />Бизнес-задачи
Внедрить на сайт новый бизнес-процесс.
<a href="/images/portfolio/azbuka/1.png" target="_blank"></a>
_Корзина_
## <a name="anchor2" />Дизайн-задачи
Перепроектировать корзину и страницу оформления заказа, чтобы они отвечали изменившимся бизнес-процессам.
<div class="flex gap-2 flex-wrap"> <Image src="~/assets/images/portfolio/azbuka/8.png" alt="UX-редизайн продуктового интернет-магазина" class="min-w-72 grow shrink basis-0"/> <Image src="~/assets/images/portfolio/azbuka/9.png" alt="UX-редизайн продуктового интернет-магазина" class="min-w-72 grow shrink basis-0" /> </div>
_Мобильное приложение_
## <a name="anchor3" />Результат
Передали заказчику макеты десктопной и мобильной версии необходимых страниц и разделов.
<div class="flex gap-2 flex-wrap"> <Image src="~/assets/images/portfolio/azbuka/4.png" alt="UX-редизайн продуктового интернет-магазина" class="min-w-72 grow shrink basis-0"/> <Image src="~/assets/images/portfolio/azbuka/5.png" alt="UX-редизайн продуктового интернет-магазина" class="min-w-72 grow shrink basis-0" /> </div>
_Мобильное приложение_
<a href="/images/portfolio/azbuka/2.png" target="_blank"></a>
_Оформление заказа_
<div class="flex gap-2 flex-wrap"> <Image src="~/assets/images/portfolio/azbuka/6.png" alt="UX-редизайн продуктового интернет-магазина" class="min-w-72 grow shrink basis-0"/> <Image src="~/assets/images/portfolio/azbuka/7.png" alt="UX-редизайн продуктового интернет-магазина" class="min-w-72 grow shrink basis-0" /> </div>
_Мобильное приложение_
<a href="/images/portfolio/azbuka/3.png" target="_blank"></a>
_Доставка_
<div class="flex gap-2 flex-wrap"> <Image src="~/assets/images/portfolio/azbuka/10.png" alt="UX-редизайн продуктового интернет-магазина" class="min-w-72 grow shrink basis-0"/> <Image src="~/assets/images/portfolio/azbuka/11.png" alt="UX-редизайн продуктового интернет-магазина" class="min-w-72 grow shrink basis-0" /> </div>
_Мобильное приложение_
## <a name="anchor4" />