Mobile Admin App

Role
Lead Senior UX Designer
Design Problem
Translate an existing desktop admin system into a mobile experience while preserving the core functionality and adapting it for smaller screens and mobile workflows.
Collaborated With
Product Owner, Project Management, QA & Engineers
UX Ownership
Understanding the Current Product → System Mapping → Designing the Future State
DESIGN

UNDERSTANDING THE CURRENT PRODUCT

The engineers and I had a series of working sessions where they walked me through the desktop version of the product. I took photos of the tool to be able to reference back to pieces of information that I would need as I mapped out the system. This was mostly due to the fact that the system had to be manually set up and accessed by an admin each time. We also did whiteboarding together to make sure I understood correctly.

Admin App image 01 Admin App image 04 Admin App image 05 Admin App image 02 Admin App image 03 Admin App image 06
DESIGN

SYSTEM MAPPING

DESIGN

DESIGNING THE FUTURE STATE

Click-Through
Admin App wireframe 01
Admin App wireframe 03
Admin App wireframe 04
Admin App wireframe 06
Admin App wireframe 07
Admin App wireframe 09
Admin App wireframe 10
Admin App wireframe 11
Admin App wireframe 12
Admin App wireframe 13
Admin App wireframe 14
Admin App wireframe 16
Admin App wireframe 17
Admin App wireframe 19
Admin App wireframe 20
Admin App wireframe 22
Admin App wireframe 23
Admin App wireframe 25
Admin App wireframe 26
Admin App wireframe 27
Admin App wireframe 28
Admin App wireframe 30
Admin App wireframe 31
Admin App wireframe 32
Admin App wireframe 33
Admin App wireframe 36
Admin App wireframe 38
Admin App wireframe 39
Admin App wireframe 41
Admin App wireframe 42
Admin App wireframe 43
Admin App wireframe 44
Admin App wireframe 45
Admin App wireframe 47
Admin App wireframe 48
Admin App wireframe 49
Admin App wireframe 50
Admin App wireframe 51
Admin App wireframe 53
Admin App wireframe 54
Admin App wireframe 57
Admin App wireframe 59
Admin App wireframe 61
Admin App wireframe 62
Admin App wireframe 63
Admin App wireframe 64
Admin App wireframe 65
Admin App wireframe 67
Admin App wireframe 68
Admin App wireframe 69
Admin App wireframe 70
Admin App wireframe 72
Admin App wireframe 74
Admin App wireframe 75
Admin App wireframe 76
Admin App wireframe 77
Admin App wireframe 78
Admin App wireframe 79
Admin App wireframe 80
Admin App wireframe 81
Admin App wireframe 82
Admin App wireframe 83
Admin App wireframe 84
Admin App wireframe 85
Admin App wireframe 86
Admin App wireframe 88
Admin App wireframe 89
Admin App wireframe 90
Admin App wireframe 92
Admin App wireframe 93
Admin App wireframe 94
Admin App wireframe 95
Admin App wireframe 96
Admin App wireframe 97
Admin App wireframe 98
Admin App wireframe 100
Admin App wireframe 101
Admin App wireframe 102
Admin App wireframe 103
Admin App wireframe 105
Admin App wireframe 107
WIreframes