«Корзинка». Как студия из России дизайнит топ-1 продуктовую сеть Узбекистана

Привет! Мы — студия MAX. Рассказываем, как развиваем дизайн крупнейшей продуктовой сети Узбекистана «Корзинка».

MAX — диджитал-продакшн новой школы, делаем дизайн и разработку. Задизайнили основные приложения Пятёрочки и ВкусВилла и первую версию самой популярной доставки за 15 минт. Бегущий человечек в Яндекс.Еде — тоже наших рук дело. Посмотрите на сайте кейсы в фуд, эд, финтехе — уверены, об этих компаниях вы слышите каждый день)

160к посещений сайта в месяц

419K просмотров

107 супермаркетов

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

Когда «Корзинка» пришла к нам с запросом на обновление сайта, у компании только недавно случился ребрендинг, и текущая версия веба его не учитывала. Челлендж заключался в том, что новая айдентика была сильно заточена на оффлайн, но не на диджитал. Мощность проекта замотивировала нас пойти в историю и внести вклад в их дизайн, чтобы сайт и приложение тоже отражали кредибилити бренда.

В Узбекистане мы увидели, что «Корзинка» — везде. Поняли, какой у нас мощный клиент)

Переносить брендинг на экраны было сложно. Нельзя просто взять и срисовать. Нужно сохранить привычные для бренда формы, при этом создать красивый, читаемый в диджитал внешний вид, который воспринимается как та «Корзинка», которую уже знают. Всё должно оставаться целостно и выдержанно онлайн и оффлайн.

Тут был риск: увидев сложный брендинг, можно было несильно его соблюдать и сделать обычный сайт с уклоном в интерфейс. Мы вовремя поняли, что должны сохранить максимум от оффлайнового дизайна «Корзинки» — в частности, придерживались его в каталоге и новостях на сайте. Это повышает узнаваемость бренда в диджитал.

Но что-то особенное тоже хотелось бахнуть) Мы запульнули супер промовые страницы в стиле «Корзинки». Появились необычный поиск, магазины, О нас, карточки товара, — они наполнены стилем бренда.

На главной выделяется блок с акциями. В диджитале привычные для «Корзинки» овалы двигаются, а странная форма всей фигуры этого блока цепляет.

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

Кнопка «Купить» на карточках товаров «следит», когда вы наводите на конкретный товар, и предлагает перейти к сервису доставки Korzinka Go. В самих карточках мы прям перенесли вид оффлайн-ценников, чтобы создать ощущение, будто стоишь перед реальным прилавком.

На странице про программу лояльности добавили крутящиеся, супер большие 3D-фигуры продуктов. Все они отличаются по цветам специально, так мы выдерживали колоритность брендинга.

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

На всём портале удалось показать много лиц сотрудников — это создаёт ощущение масштаба компании и раскрывает значение людей в жизни «Корзинки». Вот сторисы сверху главной, например. У самурая нет цели, только путь…

Кстати, мы тоже делали рекламу для «Корзинки», и её крутили по местному телеку!! Спасибо нашему арт-диру по графическому дизайну Лёше Воропаеву.

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

Экран про жизнь «Корзинки» с визуальным акцентом на конкурсах.

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

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

Фронтенд

Тут бы мы выбрали React. Основная библиотека сейчас для фронта вообще.

Бэкенд

Подойдёт фреймворк уровня NestJS, написанный на TypeScript, — это на перспективу расширения прилы. Он предлагает хорошую архитектуру и при этом сможет удовлетворить растущие продуктовые запросы.

Наши цены на разработку можно посмотреть здесь.

Мы активно работаем с «Корзинкой», каждый день синкаемся и регулярно принимаем новые задачи от продактов. За годы работы многим ребятам из студии удалось принять участие в проекте — постарались никого не забыть ❤

Аня Горохова, Мария Сафронова, Арман Марабян, Катя Граф, Шамиль Исхаков, Леша Воропаев, Настя Боровая, Ксюша Качур.

А теперь посмотрите сами. Прикрепляем ссылки на ресурсы «Корзинки» и на фигму.

Сайт:

Кстати, заглядывайте в наш канал) Там мы делимся обновами по проектам в моменте — а работы сейчас много разной и интересной: