Enter your zip code or select your state to connect with the right rep.
Search by zip code above
or click any state on the map.
The research, patterns, and decisions behind every design choice on this page.
The single most impactful change from legacy rep locators is leading with a zip code input instead of an interactive map. The 2026 gold standard has shifted the question from "Where is the rep on the map?" to "Who is the rep for me?" — and a zip field answers that in one step.
Research from the Baymard Institute consistently shows that search-first interfaces reduce task completion time by 30–50% compared to browse-first for goal-oriented tasks (finding a specific person or location). The most successful rep locator implementations — including Sellick Equipment and the dealer-locator pattern popularized by Airbnb — treat the map as a secondary visual aid, not the primary navigation.
Baymard: Search UX Research Sellick Equipment Dealer Locator NNG: Search Is Not Enough
This page uses a two-layer lookup architecture for zero-latency results even on slow connections. The first layer is a 3-digit zip prefix table embedded directly in the page (~920 entries) that resolves a state instantly — no network request required. Because USPS zip codes are geographically clustered, the first three digits reliably identify the state in virtually all cases.
The second layer fires an asynchronous confirmation call to Zippopotam.us, a free public zip-code API, which returns the precise city and state. If the API result differs from the prefix lookup (rare border cases), the display updates silently. If the API is unreachable, the prefix result stands — meaning the locator works fully offline after first load.
On screens narrower than 820px, the map is hidden by default and only the rep card panel is shown. A floating "View Map" button in the thumb zone lets users reveal the map if they want geographic context. This directly mirrors the pattern Airbnb proved at scale: most mobile users want the result card (name, phone number, address), not the spatial overview — the map is a power-user feature.
Showing a map and a list simultaneously on a vertical mobile screen results in two tiny, unusable boxes. By defaulting to the list and making the map optional, this design serves the 80% use case first without removing functionality for the remaining 20%.
Every interactive element on this page — the search button, rep cards, contact links, and the map FAB — meets or exceeds the 44×44 CSS pixel minimum recommended by both Apple and Google. This is not arbitrary: a 2019 MIT study measuring fingertip contact areas found the average adult fingertip covers a 10mm × 10mm area, which maps to ~38px at standard screen density. The 44px standard adds a comfortable margin for error.
Below 44px, tap targets see measurably higher mis-tap rates, forcing users to retry actions — the primary cause of frustration on mobile forms and locators.
Apple HIG: Accessibility (44pt minimum) Google Material 3: Touch Targets (48dp) WCAG 2.1: Target Size (44×44px)
The US map uses real SVG path data derived from public-domain geographic boundary files, not hand-drawn approximations. Each state is an independent <path> element with a data-state attribute, making them individually targetable by JavaScript for click handling and color assignment without any external map library at runtime.
Territory colors use UWC's brand palette: orange (#E36417) for J.R. Jordan Sales, blue (#0362BC) for DF Sales, and slate (#3d5a80) for UWC Direct. These three colors meet WCAG AA contrast requirements against both white labels and each other, ensuring the map is readable by users with color vision deficiencies.
NewSignature US Map SVG Paths WebAIM Contrast Checker WCAG 2.1: Contrast (AA)
Every phone number on this page is wrapped in a tel: link and every email in a mailto: link. On mobile, tel: links trigger the native dialer with a single tap — no number copying, no app switching. Google's own mobile UX research found that 70% of mobile searchers use click-to-call when it's available, versus typing the number manually.
For B2B sales tools like rep locators, reducing the steps to first contact is directly tied to lead conversion. Every additional step between "I found my rep" and "I'm talking to my rep" costs conversions.
| Feature | Old Way (Desktop Legacy) | This Design (2026 Mobile-First) |
|---|---|---|
| Primary navigation | Click a state on the SVG map | Zip code search — instant result |
| Mobile layout | Map left, list right (two tiny boxes) | Rep card first, map toggled on demand |
| Contact interaction | Copy phone number manually | One-tap click-to-call / click-to-email |
| Zip resolution | Not supported | Prefix table (instant) + API verification |
| Map data | Hand-drawn or library-dependent | Real public-domain SVG paths, no runtime lib |
| Rep data storage | Hardcoded in HTML | jsonbin.io — editable without touching code |
Enter the admin password to manage rep territories.