Проектирование и дизайн интернет-магазина в рамках мобильного приложения началось с аналитики изучения опыта существующей web-версии сервиса на сайте. Затем мы структурировали информацию и спроектировали навигацию с сохранением преемственности с каталогом web-решения, в котором более 15000 товаров.
Создав понятную иерархию в каталоге и объединив основные векторы развития функционала с продуктовыми гипотезами, мы приступили к проектированию пользовательского интерфейса. Одной из проблем, возникших в ходе реализации функционала, являлось отсутствие единой дизайн-системы и регламентированных UI гайдлайнов в проекте, несмотря на наличие существующих продуктов доступных пользователям. Изначально мобильное приложение и сайт «Перекресток» несли разную функциональную нагрузку, поэтому вопрос о систематизации дизайна интерфейса не являлся столь критичным, и продукты проектировались в рамках контекста локальных задач. Но планомерное развитие и добавление нового для приложения функционала в едином стиле брендовой коммуникации было бы очень ресурсозатратным без описания принципов построения дизайна в продукте: используемых компонентов, темплейтов экранов и паттернов взаимодействия, типографики и стилей элементов. Параллельно с дизайном ключевых экранов и состояний мобильного интернет-магазина наша команда описала базовые принципы построения интерфейса и собрала расширяемый UI-кит элементов.