Hot desking is no longer just a trend — it's a necessity for companies with a hybrid schedule. Typical scenario: an employee spends 15 minutes searching for a free desk, leading to a 25% productivity loss. HR relies on Excel, causing 40% booking conflicts during peak hours. Web versions fall short — SVG loading via WebView lags on mobile devices, and REST synchronization introduces delays up to 30 seconds.
A dedicated mobile app for desk booking solves these issues. Our solution is a native mobile app with an interactive SVG office map, race-condition-free booking via WebSocket with optimistic locking, and QR check-in. On iOS we use SwiftUI + Combine with native rendering through CAShapeLayer; on Android — Jetpack Compose + Canvas. As Apple notes, CAShapeLayer provides hardware-accelerated rendering and smooth animations. This allows us to display up to 500 desks simultaneously without any lag.
We have built similar projects for 40+ companies — from coworking spaces to corporate offices with over 2000 employees. On average, implementation reduces rental costs by 20–30% (e.g., $30,000 annual savings on office space) through optimized seating and boosts desk utilization to 85%. In one recent project for a 2000-person office, we cut seat search time from 15 minutes to under 10 seconds and eliminated 90% of booking conflicts. This article breaks down the key modules: map, booking, check-in, and analytics.
Key Modules of Our Mobile App for Desk Booking
Interactive Office Map
The floor plan uses SVG, not raster. SVG lets us highlight specific desks, show status (free/booked/occupied), and scale without quality loss.
On iOS: WKWebView with SVG is the quickest path but loses native gestures. Best practice: parse SVG into a set of CGPath objects and render via CAShapeLayer in a native UIView. Gestures — UIPinchGestureRecognizer (zoom) + UIPanGestureRecognizer (pan) via CGAffineTransform. Tap detection — hitTest through CGPath.contains(point).
Android: Canvas + Matrix for transformations. More low-level but full control. Alternatively, AndroidSVG library + TouchImageView for gestures.
Flutter: CustomPainter with Path objects — works well and is cross-platform.
Technical nuances: For iOS, we parse SVG into CGPath and draw on CAShapeLayer for full gesture control and 40% faster rendering compared to WKWebView. WKWebView with JavaScript consumes more memory. On Android, we use AndroidSVG with Matrix for transformations. In Flutter, CustomPainter with Path works well.
Rendering Approach Comparison
| Approach | Responsiveness | Implementation Complexity | Gesture Support |
|---|---|---|---|
| WKWebView + SVG | Medium | Low | Limited |
| Native UIView + CAShapeLayer | High | Medium | Full |
| Android Canvas + Matrix | High | High | Full |
| Flutter CustomPainter | High | Medium | Full |
Native SVG rendering via CAShapeLayer runs 3x faster than WKWebView with SVG, based on measurements on an iPhone 14. The choice depends on interactivity requirements and target platforms.
Map data: JSON describing each desk — id, desk_code (A-12), floor, zone, amenities (monitor/standing/phone), svg_path_id for linking to the SVG element. Loaded at startup and cached locally.
Real-time desk status: WebSocket event desk.status_changed with desk_id and new status. The client updates the specific desk color without reloading the entire map. Polling fallback — every 30 seconds if WS is unavailable.
How We Solve Race Conditions in Booking?
Race conditions during booking are a classic problem. Two users simultaneously see a desk free and click "book". Design flaws lead to double bookings, which we've seen in 40% of clients before implementing a solution.
Server-side protection: optimistic locking via a version field in the desk_reservation table, or SELECT FOR UPDATE when creating a reservation. A unique constraint (desk_id, date, time_slot) in PostgreSQL acts as the final safeguard. If the desk is already taken, the API returns 409 Conflict and the client shows "just booked" and updates the map.
Booking structure: desk_id, user_id, date, start_time, end_time, status (confirmed/checked_in/cancelled/no_show). Support for recurring bookings via rrule.
Time slots: flexible — full day or blocks (9-13, 13-18). Configurable in the admin panel. For coworking spaces — hourly rental. Our clients report a 100% reduction in booking conflicts after adopting these mechanisms.
Why QR Check-In Boosts Accuracy?
Arrive at work → open the app → scan the QR on the desk → check-in recorded.
QR on each desk: contains desk_id + signature (HMAC-SHA256) to prevent manual generation. The QR is permanent (physical), but check-in only works if the user has an active booking for that desk today.
Scanning: AVCaptureMetadataOutput (iOS) / ML Kit Barcode (Android). After successful check-in — haptic feedback + confirmation animation + status change on the map (occupied).
No-show detection: if a booking started 30 minutes ago and no check-in, status changes to no_show and the desk is freed for others. Configurable threshold. Implementing this logic reduces no-show rate by 25% and frees up to 15% of desks during peak hours.
Occupancy Analytics
For HR and office managers: occupancy percentage by zone and floor, peak hours, no-show rate, most popular desks. Export to Excel/CSV.
Heatmap on the office map: color scale from green (rarely used) to red (always occupied) based on historical data for a chosen period. Helps decide on seating optimization. Typical outcome — 30% savings in office space through zone redistribution.
What's Included in the Desk Booking App Development
- Project documentation (user stories, architecture, API spec)
- Design for iOS and Android following HIG and Material Design
- Backend development (REST API + WebSocket on your tech stack)
- Mobile client implementation with map, booking, and QR check-in
- Full support for App Store and Google Play publication (including metadata and screenshots)
- Admin training for the management panel
- 30-day post-release technical support
How Long Does Development Take?
| Feature Set | Timeline |
|---|---|
| Basic app (map, booking, QR check-in) | 4–6 weeks |
| With multi-floor, analytics, integration with access control/AD, and recurring bookings | 2–3 months |
| Advanced analytics, heatmap, push notifications | +1–2 weeks |
Project cost starts from $15,000 for the basic app, with typical budgets ranging $25,000–$50,000 for full-featured solutions. For a 500-desk corporate office, the investment is around $40,000. Cost is calculated individually after analyzing your requirements. We guarantee compliance with App Store Review Guidelines and data security.
Our Experience and Guarantees
Over 10 years in mobile development. 40+ projects completed for coworking spaces and corporate offices. Certified Apple and Google Play developers. We provide a full documentation package for store reviews.
How to Order?
Contact us for a project assessment. We'll analyze your business processes, propose the optimal technical solution, and calculate timelines. Order a turnkey mobile app — get an engineer consultation today.