Дизайн-система для внутренних приложений торговой сети «Пятерочка»

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

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

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

Перед нашей командой стояла задача — создать дизайн-систему для платформ iOS и Android и заложить единые правила для элементов интерфейса, так как все существующие приложения сильно отличались друг от друга по стилистике.
Для этого мы собрали и проанализировали все встречающиеся элементы интерфейса в скриншотах внутренних приложений Пятерочки на iOS и Android. На основе полученных данных мы составили расширенный список всех элементов, которые должна включать дизайн-система. Следующим этапом стало изучение бренд-бука и правил ведения стиля компании. На основе этих данных мы заложили визуальную стилистику отдельно под каждую платформу и проработали все необходимые элементы интерфейса. В качестве примера мы отрисовали часть приложений «Пятерочки» с новыми элементами и презентовали макеты заказчику.

Прочая информация о кейсе

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

Видео

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

Нам очень понравилось работать с дизайн-командой Globus. Ребята предлагали отличные решения и имели достаточно высокую экспертизу для создания и отрисовки дизайн-элементов. Мы полностью доверяли ребятам и полагались на их опыт. Дизайн-команда ответственно подошла к решению задачи и быстро реагировала на наши пожелания.