← All projectsCase study
Personnel Services App
Staff services app and admin portal.
- Role
- UI/UX design · Mobile development
- Year
- 2025
- Platform
- iOS & Android app · Web portal
- Stack
- React Native (Expo) · Expo Router · React Query · NativeWind
Overview
The problem
Staff dealt with fitness assessments, welfare requests and admin through separate forms and offices, so simple tasks took days and records were hard to track.
The idea
One app for every staff member — assessments, welfare applications and admin services in a single catalogue — backed by a portal where admins register sessions and manage records.
Built for a public-sector organisation. Shown anonymised — screens are recreated with sample data.
What I did
Design
- 01Service catalogue grouped into Admin and Field tabs with search
- 02Sign-in flow with a calm, high-contrast palette for outdoor use
- 03Admin portal with role-based views and data tables
- 04In-app help widget: report a bug, request a feature, search FAQs
Engineering
- 01Cross-platform Expo app with file-based routing
- 02Server state cached with React Query, local state in Zustand
- 03Modules for fitness assessments, welfare and training records
- 04Role-based admin portal for registering sessions and results
How it works
Screens
Under the hood
Expo app
iOS · Android
REST API
Auth · roles
Admin portal
Sessions · records
8+
Service modules in one app
2
Platforms from one codebase
Roles
Master admin to team level
Help
Built-in support widget
