01 / What makes it useful
The right view for each person
Reception, security staff and employees have different jobs to do. Dedicated flows keep the relevant tasks close at hand for each role.
Workplace · Visitors & reception · Mobile prototype
FrontDesk
Know who is coming.
Make every welcome clearer.
FrontDesk brings appointments, visitor check-in and workplace access into a shared mobile experience for reception, security and employees. The prototype shows how a visit can stay organised from invitation to departure.
- For
- Reception, security & employees
- Role
- Architecture and mobile build
- Stage
- Prototype · integrations pending
What it makes possible.
02 / What makes it useful
Connect the invitation to the front door
Appointments and visitor check-in sit within the same product, showing how a planned visit can become an organised arrival.
03 / What makes it useful
A familiar experience across phones
The Android and iOS prototype shares its core screens and behaviour, giving workplace teams a consistent experience across both platforms.
The everyday essentials.
The prototype brings the key steps of a workplace visit into one clear experience.
Prepare for an expected visitor
Employees can schedule an appointment so reception has the visit details ahead of time.
Keep a visitor history
Visitor registration and check-in screens bring arrival, departure and previous visits together.
Give security a scanning workflow
A dedicated access-card scanning experience provides a place to check access and review the result.
Organise doors and gates
Access-point and log screens help the team see where access is managed and review recorded activity.
Keep staff informed
Broadcast and notification screens give workplace messages a shared home.
Make returning straightforward
Account screens cover first login, password recovery and returning to an existing session.
For the curiousBehind the buildExplore the architecture and tools.
Architecture
One shared Kotlin codebase, two platforms, three roles.
Hover or tap a component to trace its connections.
Android app
Platform entry point hosting the shared app
- Activity
- OkHttp engine
- Shared screens · hosts
Shared screens
Role-based home, visitors, appointments, logs, broadcasts
- Compose Multiplatform
- Material 3
- ViewModels · intents, state
ViewModels
Screen state and navigation effects
- Lifecycle
- Coroutines
- Repositories · suspend calls
iOS app
Xcode host for the same shared app
- Darwin engine
- Shared screens · hosts
Card scanning
Reads access cards and QR codes at the door
- QR code
- ViewModels · card read
Repositories
Visitors, appointments, staff, access points, logs, auth
- 8 repositories
- API service · requests
- Session store · session
API service
One HTTP client and call wrapper for every request
- Ktor
- kotlinx.serialization
- Workplace API · HTTPS
Session store
Keeps the signed-in user between launches
- DataStore
Workplace API
The shared record of visits, staff and access
- REST
- JSON
All connections
- Android app to Shared screens: hosts
- iOS app to Shared screens: hosts
- Shared screens to ViewModels: intents, state
- Card scanning to ViewModels: card read
- ViewModels to Repositories: suspend calls
- Repositories to API service: requests
- Repositories to Session store: session
- API service to Workplace API: HTTPS
Technology stack
What it is built with.
Shared app
- Kotlin Multiplatform
- Compose Multiplatform
- Material 3
State and navigation
- Lifecycle ViewModel
- Navigation Compose
- Coroutines
Data
- Ktor client
- kotlinx.serialization
- DataStore
Media and utilities
- Coil
- FileKit
- QR code
- Kermit
Targets
- Android
- iOS
Next project