Редизайн мобильного приложения B2C Лукойл
Problem analysis
UXResearch
UX optimization
ProductDesign
Prototyping
Architecture
UI
UX
UX Copywriting
3D
Motion
Project management
Timings
Сontractors
UI-kit
User flow
Metrics
Android
IOS
Widgets
Design system
Lottie
JSON
Redesign
Цель
Роль прототипов в UX-дизайне мобильного приложения
Пример: я визуализировал сценарий удаленной заправки на АЗС в формате информационной архитектуры.
Это позволило лучше понять логику экранов и определить возможные направления изменений.
Я прототипировал ключевые сценарии — удалённую заправку, оплату, акции и лояльность — чтобы проверить, как пользователи проходят путь от входа в приложение до завершения действия. Использовал кликабельные прототипы и тестировал их на реальных пользователях, фиксируя точки остановки и непонимания.
После итераций и корректировок прототипы позволили выстроить линейные и логичные флоу без лишних шагов. Это ускорило сценарии, снизило количество ошибок и дало уверенность, что финальный дизайн решает реальные UX-проблемы, подтверждённые данными.
Обновление UI началось с полной ревизии визуального слоя: я проанализировал существующий интерфейс, выделил перегруженные элементы и несоответствия. Опирался на гайдлайны iOS Human Interface Guidelines и Material Design, чтобы интерфейс был нативным и предсказуемым на обеих платформах.
Создал системные UI-компоненты и дизайн-токены, унифицировал сетку, типографику и состояния элементов. Подготовил полную документацию для разработчиков, что позволило ускорить интеграцию, оптимизировать время разработки и автоматически поддерживать тёмную тему на основе переменных токенов. После обновления UI пользователи стали быстрее ориентироваться, сократилось время выполнения сценариев и снизилось количество UX-разрывов при оплате.

UI (widgets, Lottie Json, 3D, Navigation)
Authorization
Stock
Widgets
Main screen
Gas station detail
Refueling at a gas station
Menu
Favorites
Operation history
Settings
News
Onboarding
About company
Polls
Partners offer
Help
Guide
Lukoil products
Donate points
Splash screen
Qr code
Inspire × Create × Improve



































