② GPS / Location Consent Modal — SCR-37 (fires before browser GPS request) · SRS §8.5 FR-73
📍
Find storage near you
We use your device location to show the nearest available storage spots. We do not store or share your precise location.
🔒 Location data is used only for search. Not stored on our servers. Privacy Policy
Why a pre-modal?
The browser's native GPS dialog gives no explanation. By showing our own modal first, we explain the purpose (find nearby storage) and the privacy guarantee (not stored), which significantly increases the location permission grant rate.
Allow path: Triggers browser native dialog → on grant, map centres on user with blue dot + blue ring. Deny / Manual path: City/address text input shown in search bar instead. No loss of search functionality.
Persona: Logged-in Guest — Traveller looking for storage near their destination for specific dates. Primary functional screen post-login. Most guest journeys originate here. Arriving from SCR-10 welcome redirect or direct navigation. SRS §6.1 Guest Journey; §9.3 FR-94
1
Location + Date Search Bar — Location input (city/landmark/GPS), Drop-off DateTime, Pickup DateTime. Timezone label (IST/GMT) always explicit beside date fields per §5 Assumptions. Open Now quick-toggle. City selector for multi-city support. SRS §7.4 FR-10; §5 Assumptions (Timezone)
2
GPS Consent Trigger — Clicking "Use my location" fires SCR-37 (GPS Consent Modal) before calling browser geolocation API. On grant: map auto-centres on user with blue dot + location ring. On deny: address text input becomes active fallback. SRS §8.5 FR-73; §5 Assumptions
3
City Selector Dropdown — Switches between supported cities, filters both map and list results. Timezone label in search bar updates per selected city. Supports multi-city platform expansion. SRS §8.2 FR-59; §5 Assumptions (Timezone)
4
Filter Panel — Collapsible left sidebar. Filters per FR-12: Minimum Star Rating (1–5 selector) / Open Now toggle / Storage Type checkboxes (Home/Shop/Hotel/Warehouse) / Security Features (CCTV/Staff/Locker) / Restroom / WiFi. SRS §7.4 FR-12
5
Listing Cards (Left Panel) — Each card: photo, title, property type, distance, price/bag/day, star rating, Open Now/Closed badge (timezone-aware FR-58), trust badge strip. Deactivated listings never appear (FR-100). Clicking routes to SCR-07. SRS §7.4 FR-11; §7.8 FR-35; §9.4 FR-100
6
Google Maps Embed (Right Panel) — Interactive map with colour-coded pins: orange = selected, green = available, grey = full/closed. User location shown as blue dot with ring. Clicking any pin shows mini listing popup card with View Details CTA. SRS §9.2 FR-89; §7.4 FR-10
7
Skeleton Loader State — During search fetch: cards render as grey shimmer placeholders; map pins show in loading state. Prevents layout shift. Performance target: <1 second (FR-54). Backend: geohash/PostGIS spatial index per FR-58. SRS §8.1 FR-54; §8.1 FR-58
8
Open Now Badge — Pre-computed flag per listing, based on operating hours relative to listing's local timezone (not browser timezone). Computed server-side; no client-side timezone calculation needed. Deactivated listings excluded at query level. SRS §8.1 FR-58; §9.4 FR-100
9
Empty State — When no listings match search criteria: illustration + "No storage found near [location] for [dates]." Suggestions: widen date range / expand search radius / clear filters. CTA links back to filter reset. Architect recommendation