United Coffee — сеть кофеен самообслуживания, предлагающая натуральный зерновой кофе за 60 секунд. Основные ценности компании — вкус, доступность и высокое качество сервиса.
Сейчас нам необходимо разработать UX/UI для веб-приложения, которое будет мотивировать пользователей выполнять социальные задания и зарабатывать очки. Накопление очков позволит пользователям повышать свой уровень и получать награды от United Coffee и партнеров. Приложение должно быть ориентировано на мобильных пользователей (mobile-first дизайн), но также хорошо функционировать на других устройствах.
Что будет делать дизайнер? (обязанности)
Основные цели:
- Создать удобный и интуитивно понятный интерфейс для выполнения социальных заданий и накопления очков.
- Обеспечить высокий уровень вовлеченности пользователей с помощью геймификации.
- Удерживать клиентов в экосистеме United Coffee, предлагая различные награды и персонализированные предложения.
Основные задачи:
- Разработка структуры и логики интерфейса, способствующей легкому выполнению заданий и отслеживанию прогресса.
- Создание привлекательного визуального оформления, отражающего бренд и стимулирующего пользователей к взаимодействию.
- Обеспечение плавного пользовательского опыта на мобильных устройствах (mobile-first подход).
Функциональные требования:
1. Основные пользовательские сценарии:
- Регистрация и авторизация: Простая регистрация через социальные сети, Google или по номеру телефона.
- Главный экран: Отображение текущего уровня пользователя, количества очков, доступных и завершенных заданий, а также активных наград.
- Список заданий: Возможность просматривать доступные социальные задания, фильтровать их по типу и уровню сложности, а также отслеживать прогресс выполнения.
- Профиль пользователя: Просмотр информации о пользователе, его уровня, истории выполненных заданий и полученных наград.
- Магазин наград: Интерфейс для обмена накопленных очков на промокоды и другие призы.
- Уведомления: Система уведомлений о новых заданиях, достижениях, полученных наградах и актуальных акциях.
2. Дополнительные функции:
- Персонализация: Адаптация предложений и заданий под интересы и уровень активности пользователя.
- Геймификация: Визуальное представление прогресса, достижения, уровни и награды, мотивирующие пользователя продолжать взаимодействие.
- Социальное взаимодействие: Возможность делиться выполненными заданиями и достижениями в социальных сетях.
- Интеграция с картами: Возможность делиться местоположением точек United Coffee на гео-картах.
3. Адаптивность и оптимизация:
- Mobile-first дизайн: Приложение должно быть разработано с акцентом на мобильные устройства, но также обеспечивать отличный пользовательский опыт на десктопах.
Требования к визуальному дизайну:
1. Стиль и визуальные элементы:
- Современный и минималистичный дизайн: Дизайн должен быть легким, интуитивно понятным, но при этом отражать уникальность бренда United Coffee.
- Цветовая палитра: Использование фирменных цветов компании для создания узнаваемости бренда.
- Типографика: Легко читаемые шрифты, адаптированные под мобильные устройства.
- Иконки и графика: Высококачественные иконки и изображения, соответствующие тематике кофе и активности в социальных сетях.
2. Анимации и переходы:
- Мягкие и ненавязчивые анимации: Использование анимаций для улучшения восприятия интерфейса и подчеркивания действий пользователя (например, успешного выполнения задания).
- Плавные переходы: Переходы между экранами должны быть плавными и не отвлекающими пользователя от основного контента.
Технические требования:
1. Технологическая платформа:
- Веб-приложение: Оптимизированное для работы в браузерах на мобильных устройствах и десктопах.
2. Совместимость:
- Браузеры: Приложение должно корректно работать в современных версиях Chrome, Safari, Firefox и Edge.
- Мобильные устройства: Оптимизация для всех популярных моделей смартфонов и планшетов.
Этапы:
-
Исследование и анализ:
- Сбор информации о пользователях и конкурентах
- Определение основных пользовательских сценариев
-
Разработка прототипов:
- Создание низкоуровневых и высокоуровневых прототипов для всех ключевых экранов
- Итеративное тестирование и доработка прототипов
-
Разработка UI:
- Создание визуального дизайна на основе утвержденных прототипов
- Создание адаптивных версий для мобильных устройств и десктопов
-
Тестирование и оптимизация:
- Тестирование на различных устройствах и браузерах, исправление багов
-
Передача проекта и документации:
- Передача итоговых макетов, стайл-гайда и спецификаций для разработчиков
Ожидаемые результаты:
Готовый к разработке интерфейс веб-приложения, соответствующий целям и ценностям компании, обеспечивающий интуитивно понятный и привлекательный пользовательский опыт с акцентом на мобильные устройства.
Скиллы дизайнера (требования)
Знание Figma, наличие фантазии и вкуса.
Условия
Удаленка, проект
15+
Важно: pедакция designer.ru не несет ответственности за любую информацию в этой публикации, в т. ч. текстовое описание и графические изображения, предоставленные нам авторами вакансии и другими пользователями интернета. Если Вы нашли ошибку, то, пожалуйста,
сообщите нам об этом.
Лайфхак от админов:
Кстати, в нашем
Telegram-канале можно получать моментальные пуши о новых клиентах и вакансиях