Маркетплейс Натали

E-commerce приложение и сайт для оптовиков, массово закупающихся текстильной продукцией

Чем занимается компания

Цитирую с сайта: «„Натали“ — один из самых больших интернет-магазинов трикотажа от российского производителя.

Компания основана в 2006 году в Иваново. Регион еще с дореволюционных времен славится развитой текстильной промышленностью. Нашей целью стало создание крупного, полностью автоматизированного производства, выпускающего текстильную продукцию.

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

Цели

Сделать редизайн, а по факту — переделать полностью с нуля сайт и приложение маркетплейса, повысить продажи и вовлеченность пользователей. Улучшить UX.

Дата начала проекта — 2020 год

Задачи

Перенести все проекты на современные стеки. Разработать новое приложение на iOS и Android с нуля. Опубликовать в сторах. Создать и поддерживать дизайн-систему, отрисовывать и обновлять интерфейсные иконки. Добавить тёмную тему в соответствии с трендами дизайна

Целевая аудитория

Преимущественно женщины, предприниматели/оптовики от 30 лет и выше. Закупаются оптом на большие суммы и сбывают продукцию через розничные маркетплейсы (Wildberries, Ozon и тд) и локальные оффлайн рынки

Результаты

Приложение опубликовано в сторах — Google Play, App Store, RuStore. Суммарно более 100 000 инсталлов. Рейтинг от 3 звезд 🤷‍♂️

Сайт тоже был обновлен, но достаточно давно и требует нового редизайна — https://natali.ru/. Весь веб перенесли с домена natali37.ru на natali.ru для удобства поиска и краткости произношения

Описание функционала поэкранно

Каталог

Виды карточек

Быстрое добавление товара в корзину

Сортировка, фильтры, поиск

Detail карточки товара

Галерея, просмотрщик, таблица размеров и веса

Отзывы

Списки – избранное и лист ожидания

Корзина и настройки

Профиль, оформление приложения

Примеры использования темной темы

Вход в систему

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

Регистрация

Показаны разные варианты регистрации. ИП и Организациям доступны оптовые цены, физлицам нет. При вводе ИНН автоматически подгружаются другие сложные бюррократические поля

Пустые состояния экранов, примеры

Иконки

Для оптимизации веса решили с командой использовать генератор иконочных шрифтов на основе собственных SVG – Icomoon

За пару лет отрисовал более 300 иконок, 250 из которых используются на сайте и в приложении

Доступен пока только один размер – 24 пикселя и толщина 1,8px, которая примерно подходит для шрифтов Inter, Roboto, Onest

Для каталога в приложении сделал 3D версии иконок

Некоторые свои с нуля, некоторые из открытых бесплатных библиотек зарендерил. Софт для моделинга – Blender

Процессы в фигме

Отделил палитру, иконки и дизайн системы в отдельные библиотеки. Палитра оформлена в виде variables сразу для светлой и темной темы

Команда

Наша команда состоит преимущественно из трёх человек. Техлид Денис, фронтендер Сергей и я. Моя роль в команде – продуктовый дизайнер с мультидисциплинарными задачами. Мои решения напрямую влияют на удобство использования и конверсию с заказов