All works

AskChamber

A directory that connects people with trusted local businesses, and gives owners a place to keep their listing right. I designed it in Figma and coded the front end.

Roofing contractors in Salt Lake City listed beside a map with pins, and a business profile open in a second browser window, on a blue background
Timeline
2020
Scope
UI/UX design, front-end development

Find a pro

One search, what and where.

The homepage leads with a single question: what service do you need, and where. Popular services sit right below as photo tiles for people who would rather browse.

AskChamber homepage: a photo hero with Find your trusted local pros for your home project, a service and location search, and a grid of popular services such as windows, solar panels, siding and bathroom
The homepage: search first, then popular services

Browse

Pictures first, lists second.

People who are not sure what to search for can browse instead: service categories as photo tiles, and city pages that group local businesses into things to taste, do, shop and stay.

Category page with photo tiles for services such as home repairs, central air, windows, solar panels, kitchen and bathroom, and a row of more categories with icons
City page with a sunset skyline hero reading Discover Businesses in Askchamber, tiles for taste, things to do, shop and at home services, and lists of business types under each
Service categories, and a city page

Compare

A list, a map and the full story.

Results sit beside a map, each with its address, phone, a Request a Quote button and its count of Bright Spots. Opening one shows the full profile: photos, highlights, hours on a map, services and payment options.

Search results for roofing contractors in Salt Lake City: business cards with Request a Quote buttons and Bright Spots counts beside a map with pins
A roofing company profile: photos and videos, about the business, Bright Spot highlights, location and hours on a map, services offered and payment options
Search results on a map, and a business profile

For businesses

Owners keep it current.

Business owners get their own settings: the company profile with logo, cover photo and categories, a service area picked by state and county, and plans to grow the listing, from site management to advertising, priced by the day.

Company profile settings: cover photo and logo upload, upgrade options, and fields for company name, business categories, Bright Spots and service area
Dialog asking which Texas counties the business serves, with a grid of county checkboxes, Select all, Deselect all and Save
Plans for businesses: site management plans such as website monitoring and review management, and advertising plans such as being listed on top and social media posts, each with a daily price and an add service button
Company profile, service area by county, and plans for businesses

Principles

Three rules behind every screen.

  1. 01

    Search is always there

    The service and location search sits in the header of every page, so a new search is never more than one step away.

  2. 02

    Trust at a glance

    Every listing shows its Bright Spots, and profiles show what is verified, so people can compare before they call.

  3. 03

    Easy to correct

    Every profile has a Suggest an Edit link, and owners can claim a business and track their changes.

My role

Designed it, then built it.

Design

The consumer pages, business profiles and owner settings in Figma, all on the AskChamber UI style guide I made for the product.

Front end

I coded the screens myself. Building on one style guide kept the buttons, fields and cards the same on every page.

Let’s talk

I’d love to tell you more on a call.

There’s more to this project than fits on one page. If you’re interested, I’m happy to walk you through the decisions, the trade-offs and what I’d do next.