Skip to content

✦ MOBILE APP DESIGN

True Presence

An employee attendance app with location verification, check-ins, leave requests and approvals. The screens separate account setup, daily attendance and occasional requests into clear task groups. Consistent controls and status feedback connect the employee journey across the app.

DISCIPLINE: Mobile App Design
FORMAT: 42 mobile interface screens

Setup & verification

18 SCREENS

True Presence — Language selection app screen — 01 / Language selection

True Presence — Log in app screen — 02 / Log in

True Presence — Permission introduction app screen — 03 / Permission introduction

True Presence — OTP app screen — 04 / OTP

True Presence — OTP / 1 app screen — 05 / OTP / 1

True Presence — OTP / 3 app screen — 06 / OTP / 3

True Presence — OTP / 4 app screen — 07 / OTP / 4

True Presence — Face recognition introduction app screen — 08 / Face recognition introduction

True Presence — Face scan app screen — 09 / Face scan

True Presence — Face scan complete app screen — 10 / Face scan complete

True Presence — Sign Up - Account Opening app screen — 11 / Sign Up - Account Opening

True Presence — Sign Up - Account Opening / 1 app screen — 12 / Sign Up - Account Opening / 1

True Presence — Sign Up - Account Opening / 2 app screen — 13 / Sign Up - Account Opening / 2

True Presence — Branch selection app screen — 14 / Branch selection

True Presence — Sub-branch selection app screen — 15 / Sub-branch selection

True Presence — Role selection app screen — 16 / Role selection

True Presence — Workstation location app screen — 17 / Workstation location

True Presence — Location confirmed app screen — 18 / Location confirmed

Attendance

03 SCREENS

True Presence — Home Screen / 4 app screen — 19 / Home Screen / 4

True Presence — Attendance outside designated location — 20 / Attendance location warning

True Presence — Home Screen / 27 app screen — 21 / Home Screen / 27

Leave & outdoor visits

10 SCREENS

True Presence — Home Screen / 13 app screen — 22 / Home Screen / 13

True Presence — Home Screen / 14 app screen — 23 / Home Screen / 14

True Presence — Home Screen / 15 app screen — 24 / Home Screen / 15

True Presence — Home Screen / 16 app screen — 25 / Home Screen / 16

True Presence — Home Screen / 18 app screen — 26 / Home Screen / 18

True Presence — Home Screen / 19 app screen — 27 / Home Screen / 19

True Presence — Home Screen / 20 app screen — 28 / Home Screen / 20

True Presence — Home Screen / 21 app screen — 29 / Home Screen / 21

True Presence — Home Screen / 22 app screen — 30 / Home Screen / 22

True Presence — Home Screen / 23 app screen — 31 / Home Screen / 23

Notifications & approvals

05 SCREENS

True Presence — Notification 01 app screen — 32 / Notification 01

True Presence — Notification 01 / 1 app screen — 33 / Notification 01 / 1

True Presence — Notification 01 / 2 app screen — 34 / Notification 01 / 2

True Presence — Notification 01 / 3 app screen — 35 / Notification 01 / 3

True Presence — Notification 01 / 5 app screen — 36 / Notification 01 / 5

Profile & support

06 SCREENS

37 / Profile

True Presence — Home Screen / 25 app screen — 38 / Home Screen / 25

True Presence — Settings app screen — 39 / Settings

True Presence — Help app screen — 40 / Help

True Presence — PRIVACY POLICY app screen — 41 / PRIVACY POLICY

True Presence — Terms & conditions app screen — 42 / Terms & conditions

✦ GOOD DESIGN STARTS WITH A CONVERSATION

Something in mind?
Let’s give it shape.