back

mPING Mobile App Simple Redesign

home

view
New DesignFigmaWireframesRedesign
code

Description

This is my first redesign of the mPING mobile app using the Simple Design System created by the Figma team as a starting place.


Case Study

I also have a Case Study where I expand on the process for this mobile app redesign.


Figma Prototype


Screenshots

App Icon

mPING App Icon - After

Main Page

Menu Closed

mPING Main Page - After

Menu Open

mPING Main Page with the menu open - After

Select Report Type

Selecting Type

mPING Select Report Type - After

Selecting Subtype

mPING Select Report Subtype - After

Submit Report Flow

Selected type/subtype

mPING Selected Report Type - After

3 second countdown after submit

mPING Submitting Report - After

Submitted report

mPING Submitted Report - After

30 second cooldown after submitting

mPING Report Cooldown - After

Other Pages

About page

mPING Select Report Type - After

About page with menu open

mPING Select Report Type - After

Definitions page

mPING Definitions page - After

Definitions page scrolled

mPING Definitions page scrolled - After