QS-D01
Search first
A single large search bar with the city built in and popular searches below. Categories, best-sellers, how booking works, trust and FAQs follow. Fastest for people who know what they want.
How to review
- Open a design, change the location (try PIN 122002 served, 400001 coming soon, 700001 not served), search (try “couch” or “zzz”), open a category and press a Book button.
- Resize to phone width or open on a phone. Screenshots below are at 1440px desktop and 390px mobile.
- Reply with the design ID you prefer, for example QS-D01, plus any changes or elements to borrow from other designs.
QS-D02
Category first
A sticky category rail and a colourful category mosaic lead, closest to a marketplace catalogue. Offers strip, package rows, a trust band and a two-column FAQ follow. Includes a “coming soon” category example and a mobile sticky Book button.
QS-D03
Packages first
Opens on three deep-cleaning tiers with a home-size switch (1 BHK to villa) and explicit inclusions and exclusions. Room bundles, other services with search, the promise, steps and FAQs follow. Strongest price clarity.
QS-D04
Trust first
Leads with verification and price accountability: four promises, a five-step professional vetting timeline, then services, reviews and what happens if something goes wrong. Suited to a premium, reassurance-led brand.
QS-D05
Location first
A PIN checker over an illustrative service-zone map, then services “near you” with next open slots, a city directory (ready for city landing pages), local offers and location FAQs. Makes coverage and unsupported areas very clear.
QS-D06
Concierge
A guided three-question request (what, where, book now or call me) with a home-expert callback. Inspection-led jobs like painting, leaks and termites come next, then fixed-price services. Best fit for the quote journey.
QS-D07
Editorial
A magazine-style masthead with a seasonal feature story, numbered collections, an A–Z service index with search and a pull-quote. Distinctive and content-led, useful for SEO and promotions, but slower for direct booking.
QS-D08
Mobile first
App-like: saved-address chip, sticky search, icon grid, swipeable offer and package rails, and a bottom tab bar with a central Book button that becomes a side rail on desktop. Closest to the future Flutter customer app.
Comparison
Designer’s assessment, 1 (weak) to 5 (strong). These are judgements to guide discussion, not test results.
| ID | Direction | Discoverability | Mobile usability | Trust | Booking clarity | Best when |
|---|---|---|---|---|---|---|
| QS-D01 | Search first | 5 | 4 | 3 | 4 | Customers arrive knowing the job they need |
| QS-D02 | Category first | 5 | 4 | 3 | 4 | The catalogue is broad and browsing matters |
| QS-D03 | Packages first | 3 | 4 | 4 | 5 | Deep cleaning is the lead product |
| QS-D04 | Trust first | 3 | 4 | 5 | 4 | Safety and verification are the differentiator |
| QS-D05 | Location first | 3 | 4 | 4 | 3 | Coverage is patchy at launch and must be explained |
| QS-D06 | Concierge | 3 | 3 | 4 | 4 | Painting and inspection quotes are a big share |
| QS-D07 | Editorial | 3 | 3 | 3 | 3 | Brand storytelling and seasonal campaigns lead |
| QS-D08 | Mobile first | 4 | 5 | 3 | 5 | Most traffic is mobile and web should match the app |
What was checked
- Widths 1440, 820, 390 and 320 px: no horizontal page overflow on any design.
- All in-page links resolve; no failed asset loads or script errors. Service and hero visuals are real photos (free Pexels licence, stored locally, credits in each design’s
img/CREDITS.md); only small interface icons remain as SVG. - Automated WCAG 2 A/AA checks (axe-core) at desktop and mobile: no violations, including colour contrast.
- Keyboard: skip link, visible focus on the first 25 tab stops, dialogs close with Escape.
- Interactions: served, coming-soon and unsupported PINs (with callback consent), booking dialog, alias search (“couch” finds sofa), no-results message, discontinued service redirect and category sheets.
- Fonts are system font stacks so pages work offline; licensed web fonts can be chosen for the selected design.