All projects · UI Components & Interactions
BranchFlow — Find Your Branch
A multi-location branch selector that lets visitors switch between four London branches and instantly see the matching address, phone, opening…
A multi-location branch selector that lets visitors switch between four London branches and instantly see the matching address, phone, opening hours, and branch manager. The current day's hours are highlighted automatically, transitions fade-swap between branches, and the chosen branch persists across visits.
- localStorage-backed selection that restores the last-viewed branch on return
- Day-of-week aware hours row highlighting
- Per-branch CTA label and icon swapping
- XSS-safe rendering via an escapeHtml helper on all injected data
Built with: Vanilla JavaScript, localStorage persistence, CSS Grid, SVG icon library, HTML-escaping helper