Есть задача?
Oops! Something went wrong while submitting the form.
Mobile App • Redesign UI/UX
2020
EvTrip — приложение для владельцев электрокаров, электрических мотоциклов, велосипедов и скутеров, позволяющее найти зарядную станцию где угодно.
Изначально клиент нанял нас, чтобы создать UI/UX дизайн для мобильного приложения. У него уже был готовый интерфейс, который должен был лечь в основу редизайна — однако на практике оказалось, что пользы от него немного. Архитектура приложения была далека от совершенства: чтобы решить главную проблему пользователю приходилось пройти как минимум пять шагов, поэтому было решено “пересобрать” систему.
Изначально клиент нанял нас, чтобы создать UI/UX дизайн для мобильного приложения.
У него уже был готовый интерфейс, который должен был лечь в основу редизайна — однако на практике оказалось, что пользы от него немного. Архитектура приложения была далека от совершенства: чтобы решить главную проблему пользователю приходилось пройти как минимум пять шагов, поэтому было решено “пересобрать” систему.
Анализ
конкурентов
Редизайн приложения
Новая айдентика
3D визуализация
Разработка
на React Native
Для того, чтобы создать продуманную, но в то же время простую архитектуру приложения, мы проверили UX-исследование: исследовали конкурентов и их приложения, после чего на основе полученной информации продумали пользовательские сценарии.
Начали с определения главных функций, которые нужны пользователю в первую очередь — это поиск и бронирование зарядной станции. Мы знали, что останавливаться только на этом нельзя, поэтому изучили приложения, которые предлагают похожий функционал, и предложили заказчику включить в приложение возможность добавить средство передвижения, построить маршрут до зарядной станции и настроить уведомления. EvTrip согласились.
Поиск и бронирование
зарядной станции
Возможность добавить средство передвижения
Построить маршрут
до зарядной станции
Настроить
уведомления
Поиск и бронирование
зарядной станции
Возможность добавить средство передвижения
Построить маршрут
до зарядной станции
Чтобы не уходить от фирменного стиля, мы решили придерживаться брендовых цветов. Сочетание черного и желтого было выбрано неспроста: желтый всегда ассоциируется с энергией и оптимизмом — а это именно то, что нужно нише — а черный создает яркий контраст.
Во время работы над UI/UX-дизайном мы разработали новый логотип для компании
— необходимый шаг для поддержания UI консистентности и корпоративного стиля.
Мы неоднократно изменяли яркость желтого,
пробовали разные шрифты и размеры, в результате чего заказчик получил именно то, что хотел.
Акценты
FEE033
01BC6A
6657C8
FEE033
Основные
000000
2A282A
EAE9EA
FFFFFF
С процессом разработки дизайна не было никаких проблем: быстро увтердили концепт, быстро протестировали прототипы, быстро завершили работу.
Удобный
поиск
станции
Приложение само определит местонахождение пользователя
и найдет ближайшую
из доступных.
Детальный
вид станции
Приложение покажет, какие разъемы обслуживаются данной станцией
и свободны ли он в настоящий момент
— достаточно просто выбрать
её на карте.
Построение
маршрутра
Благодаря встроенной системе GPS, пользователь всегда может без проблем добраться до выбранной станции.
I've actually made a prediction that within 30 years a majority of new cars made in the United States will be electric. And I don't mean hybrid, I mean fully electric.
Илон Маск
Через год EvTrip снова обратились к нам. На этот раз с другой задачей — создать мобильное приложение. Мы с удивлением обнаружили, что вместо мобильного приложения по нашему дизайну клиент сделал веб-приложение. Инвесторы не спешили переводить новый транш, потому что хотели увидеть готовую мобильную версию.
Команда Purrweb предложила использовать React Native для создания
кросс-платформенного приложения, однако у клиента не было достаточно времени, которые бы потребовалось на разработку. Плюс, инвестиции подходили к концу. Мы нашли рабочий компромисс — полностью переиспользовать веб-версию и обернуть его в мобильное приложение. В этом нам помог WebView.
Команда Purrweb предложила использовать React Native для создания кросс-платформенного приложения, однако у клиента не было достаточно времени, которые бы потребовалось на разработку.
Плюс, инвестиции подходили к концу. Мы нашли рабочий компромисс — полностью переиспользовать веб-версию и обернуть его в мобильное приложение. В этом нам помог WebView.
Через год EvTrip снова обратились к нам. На этот раз с другой задачей — создать мобильное приложение. Мы с удивлением обнаружили, что вместо мобильного приложения по нашему дизайну клиент сделал веб-приложение. Инвесторы не спешили переводить новый транш, потому что хотели увидеть готовую мобильную версию.
На React Native мы написали формы регистрации и авторизации, а также подключили нативные Push-уведомления — все остальное по сути являлось веб-приложением. Так мы пытались обмануть систему. И получилось
React Native — это кроссплатформенный фреймворк, который успел завоевать доверие мировых гигантов. И всех наших клиентов.
Нам предстояло создать 3D-модель зарядной станции, которая бы максимально соответствовала всем современным требованиям. Мы немедленно принялись за работу и представили заказчику то, как видели модель мы — клиенту наш вариант станции очень понравился, однако оказалось, что в производстве она бы влетела в копеечку. Было предложено, как модель можно “удешевить”: отказаться от экрана, уменьшить размер и не прятать абсолютно все провода. От этого и плясали. Клиент остался доволен.
QR-код
LED индикатор
Гнездо зарядки (type 2)
