Как мы сделали дизайн платформы ярче без потери идентичности бренда. Кейс OrderUp

Когда к нам обратились Джон Саади, создатель OrderUp, и Джош Никольсон, технический директор сервиса, их главной проблемой было, что платформа нуждалась в редизайне. Пользователи сталкивались с трудностями при заказе еды, а предприниматели — с ограниченной возможностью кастомизировать сервис под свой бренд.

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

В процессе работы над проектом мы:

- Создали UI/UX-дизайн, сохранив узнаваемость бренда

- Адаптировали интерфейс под мобильные и десктопные устройства с учетом различных сценариев использования приложения 

- Добавили больше возможностей для кастомизации страниц

Order Up имел узнаваемый стиль: белый фон и насыщенный синий логотип. Мы решили оставить эти цвета, чтобы не терялась идентичность бренда, и сосредоточились на шрифте.

Выбор пал на Poppins — современный, округлый шрифт, который отлично сочетается со скругленными элементами интерфейса. Он стал визуально «мягче», делая платформу дружелюбной и легко читаемой.

Мы стараемся учесть все случаи, в которых человек может воспользоваться приложением. В итоге получается игра “а что, если” :)

Так что мы проговаривали каждый сценарий использования приложения, задаваясь вопросом: «А что если…?»

❯ А что если я знаю, что хочу заказать конкретное блюдо?

Раньше пользователю приходилось листать все меню, искать нужную позицию.

Теперь меню разделено на категории и подкатегории, и нужное блюдо находится за пару кликов.

❯ А что если я веган или хочу есть меньше сахара?

Раньше непонятные иконки фильтров сбивали пользователя с толку.

Теперь фильтры выведены на отдельную страницу, подписаны под каждым блюдом и становятся заметными сразу.

❯ А что если я ошибся с временем доставки или способом получения?

Раньше эти параметры были спрятаны в меню, их трудно было менять.

Теперь на каждом экране есть выпадающее меню с выбранным временем и способом доставки, их легко корректировать в любой момент.

Теперь OrderUp позволяет предпринимателям создавать страницу своего заведения и настраивать платформу под бренд:

- Менять категории и подкатегории меню

- Редактировать способы получения еды

- Настраивать фильтры и цвета всех элементов интерфейса

Особое внимание мы уделили темной теме. 

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

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

Для десктопной версии возникла сложность: заказчики хотели 3 колонки карточек, а мы понимали, что это уменьшит видимость на планшетах. Решение оказалось простым: на десктопе карточки расположены в три колонки, но корзина появляется по клику, сдвигая третью колонку вниз. 

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

И вариант с темной темой:

Джону и Джошу зашли наши решения, и особенно — темная тема, которая может подстраиваться под любой цвет элементов. Платформа стала интуитивной и удобной как для пользователей, так и для предпринимателей.

Теперь в Order Up проще заказа еду, и сама платформа выделяется среди конкурентов благодаря современному дизайну!