Заполните форму ниже
Что вас интересует?
Я ознакомлен с Политикой конфиденциальности и даю согласие на обработку персональных данных
Сообщение об успешной отправке!
ux/ui · mobile
Основная задача заключалась в создании mvp приложения для кофейной компании, которая планирует вывести на рынок новую современную кофемашину с персональным расписанием для пользователя и различными видами обжарки кофе.
Coffee App
Основная задача заключалась в создании приложения mvp для кофейной компании, которая хочет создать новую современную кофемашину с персональным расписанием для пользователя и различными видами обжарки кофе.
Агентство Spot — не только про визуал. От концепции до завершения мы создаём дизайн, который решает ваши бизнес-задачи и усиливает ваш бренд.
Project
Date / 2023
Name / Coffee app
Category / Household app
Задача
01
Исследование
Перед началом процесса дизайна
I
Постановка проблемы и пользовательский контекст
II
Нейронные сети
III
Путь пользователя
IV
№
Описание
Спасибо за просмотр
Следующий кейс
Project
Date / 2023
Name / Coffee app
Category / Household app
Какие люди?
Каковы технические ограничения? Время?
Перед началом процесса дизайна
(I)
№
Тема/
Описание
Прежде чем приступить к реализации дизайн-проекта, необходимо ответить на несколько важных вопросов. Это позволит нам удовлетворить желания клиента и создать для него новые возможности. Задавая правильные вопросы, мы понимаем истинные желания, потребности и цели клиентов.
Что работает, а что не работает?
Какие конкуренты?
Как вы к этому пришли?
Чем вы занимались до этого?
Какие пользователи? Может быть, персоны?
Какие показатели мы используем?
Кто является ключевыми заинтересованными сторонами?
Какая команда, сроки?
По каким показателям мы будем отслеживать?
Будем ли мы использовать аналитику?
Кто это сделает?
Каковы ключевые показатели на начальном этапе?
Какой тип аналитики?
Постановка проблемы и пользовательский контекст
(II)
Project
Date / 2023
Name / Coffee app
Category / Household app
№
Тема/
Описание
Используя методологию JTBD, мы сделали несколько заявлений. Мы попытались взглянуть на контекст использования этого приложения с разных сторон. Итак, вот:
Jobs To Be Done
Когда я собираюсь утром на работу, я хочу, чтобы мой кофе был готов, чтобы зарядить бодростью и энергией на весь день.
Когда вся семья в выходные дома, я хочу выпить кофе с партнёром и обсудить новый вкус.
Когда я иду на работу, я хочу прочитать о новых сортах кофе, чтобы попробовать их.
Я хочу контролировать количество потребляемого кофе, чтобы не навредить своему здоровью.
Я не хочу тратить время по утрам на выбор кофе, я хочу, чтобы приложение готовило кофе по расписанию и с учётом моих вкусов.
Я хочу обсудить с приятелем новейшие кофемашины и технологии, чтобы быть в курсе последних тенденций.
Я хочу понять, чем отличается употребление кофе в разных странах.
Когда я собираюсь пойти в новую кофейню в выходной день, я хочу найти её в приложении, чтобы не тратить лишнее время на поиски.
Когда мне скучно в дороге или на перерыве, или я устал, я хочу поиграть в игры, связанные с кофе, чтобы расслабиться.
Когда я остаюсь дома или работаю на дому, я хочу готовить кофе самостоятельно.
Постановка проблемы и пользовательский контекст
(II)
Project
Date / 2023
Name / Coffee app
Category / Household app
№
Тема/
Описание
Используя методологию JTBD, мы сделали несколько заявлений. Мы попытались взглянуть на контекст использования этого приложения с разных сторон. Итак, вот:
Jobs To Be Done
Когда я собираюсь утром на работу, я хочу, чтобы мой кофе был готов, чтобы зарядить бодростью и энергией на весь день.
Когда вся семья в выходные дома, я хочу выпить кофе с партнёром и обсудить новый вкус.
Когда я иду на работу, я хочу прочитать о новых сортах кофе, чтобы попробовать их.
Я хочу контролировать количество потребляемого кофе, чтобы не навредить своему здоровью.
Я не хочу тратить время по утрам на выбор кофе, я хочу, чтобы приложение готовило кофе по расписанию и с учётом моих вкусов.
Я хочу обсудить с приятелем новейшие кофемашины и технологии, чтобы быть в курсе последних тенденций.
Я хочу понять, чем отличается употребление кофе в разных странах.
Когда я собираюсь пойти в новую кофейню в выходной день, я хочу найти её в приложении, чтобы не тратить лишнее время на поиски.
Когда мне скучно в дороге или на перерыве, или я устал, я хочу поиграть в игры, связанные с кофе, чтобы расслабиться.
Когда я остаюсь дома или работаю на дому, я хочу готовить кофе самостоятельно.
Когда вся семья в выходные дома, я хочу выпить кофе с партнёром и обсудить новый вкус.
Когда я иду на работу, я хочу прочитать о новых сортах кофе, чтобы попробовать их.
Project
Date / 2023
Name / Coffee app
Category / Household app
Я не хочу тратить время по утрам на выбор кофе, я хочу, чтобы приложение готовило кофе по расписанию и с учётом моих вкусов.
Я хочу обсудить с приятелем новейшие кофемашины и технологии, чтобы быть в курсе последних тенденций.
Я хочу понять, чем отличается употребление кофе в разных странах.
Когда мне скучно в дороге или на перерыве, или я устал, я хочу поиграть в игры, связанные с кофе, чтобы расслабиться.
Когда я остаюсь дома или работаю на дому, я хочу готовить кофе самостоятельно.
Микс: технологии & кофе
(III)
С одной стороны, приложение должно быть минималистичным и простым в использовании. С другой стороны — интересным, с новыми паттернами.
Путь пользователя
(IV)
№
Тема/
Описание
Пользовательский путь внёс значительный вклад в развитие нашего приложения, обеспечив понятную навигацию, повысив вовлеченность пользователей и конверсию. Также путь поспособствовал эффективной разработке и поддержал итеративную оптимизацию. Это был важнейший аспект обеспечения ориентированного на пользователя и успешного приложения.
Путь
пользователя
02
UI дизайн
V
Настройки
VI
Маркетплейс
VII
№
Описание
Главный экран
Главный экран
Главный экран
(V)
№
Тема/
Описание
Главный экран напоминает нам интерфейс кофемашины. Все готово для приготовления кофе прямо сейчас. Однако если пользователю нужны дополнительные настройки, он может составить расписание и выбрать дополнения.
Главный экран
(V)
№
Тема/
Описание
Главный экран напоминает нам интерфейс кофемашины. Все готово для приготовления кофе прямо сейчас. Однако если пользователю нужны дополнительные настройки, он может составить расписание и выбрать дополнения.
Уведомление для любой коммуникации с пользователем
Предупреждения о том, что кофе закончился, или о любом другом обслуживании будут выделены красным цветом, а небольшое уведомление подскажет, что пользователь может сделать.
Marketplace - место для upsale, предложения купить кофейные зёрна и т.д.
Вкладки для переключения между режимами
Меню Explore может быть полезно для будущего масштаба
Настройки
(VI)
№
Тема/
Описание
Особые детализированные настройки для установки расписания. Так как пользователи являются поклонниками различных способов приготовления, мы считаем важным сделать интерфейс уникальным.
Design Agency
THE SPOT
Следующий кейс
Настройки
(VI)
№
Тема/
Описание
Особые детализированные настройки для установки расписания. Так как пользователи являются поклонниками различных способов приготовления, мы считаем важным сделать интерфейс уникальным.
Design Agency
THE SPOT
Следующий кейс
Маркетплейс
(VII)
№
Тема/
Описание
Все необходимые ингредиенты для хорошего кофе теперь в одном приложении. Маркетплейс позволяет увеличить доходы компании за счёт постоянной дополнительной продажи сопутствующих аксессуаров.
Маркетплейс
(VII)
№
Тема/
Описание
Все необходимые ингредиенты для хорошего кофе теперь в одном приложении. Маркетплейс позволяет увеличить доходы компании за счёт постоянной дополнительной продажи сопутствующих аксессуаров.
03
UI дизайн
UI Kit
VIII
Сетка
IX
Цвета
X
№
Описание
UI Kit
(VIII)
№
Тема/
Описание
UI Kit сыграл важную роль в оптимизации процесса разработки, обеспечении согласованности, экономии времени и улучшении совместной работы. Он стал незаменимым инструментом для создания визуально привлекательного и удобного приложения.
16 px
4 columns
Сетка
(IX)
№
Тема/
Описание
Система построения сетки внесла большой вклад в разработку нашего приложения, обеспечив отзывчивый макет, последовательность и эффективность, гибкость дизайна, а также облегчив сотрудничество и коммуникацию. Она стала неоценимым помощником в создании визуально привлекательного и удобного приложения.
852 px
INTER
Light
Regular
Medium
Semi Bold
Medium
Semi Bold
AaBb
#585858
#202E35
#111111
#828282
#1B2022
#111111
#FFFFFF
#111111
#3240F9
#EB5757
Еще кое-что на будущее
Этот список, пришедший нам на ум, можно использовать в будущем:
- Рынок дополнительных поставщиков для кофейного опыта
- Возможность оплаты криптовалютой
- Создание коллекции NFT и её покупка/продажа
- Сообщество и возможность делиться кофе в реальном времени (из мест, из дома и т.д.) - приложение реального времени в качестве справочника
- Некоторые экосистемные связи с другими устройствами (с часами или некоторыми приложениями для здоровья, чтобы измерять частоту сердечных сокращений после кофе или настроение)
Арт-директор
Лиза Присяжнюк
Ведущий дизайнер
Лиза Присяжнюк
UX/UI дизайнер
Настя Щавровская
Портфолио дизайнер
Настя Щавровская
Спасибо за просмотр
Design agency
THE SPOT
Вам уведомления от The Spot. Свайпни, чтобы просмотреть