Skip to main content
UI Coach Logo
Beginner

Local Service Company Website

Design a trustworthy responsive website for a family-owned heating and cooling company.

Responsive web1 to 2 hours

The brief

Understand the problem

Background

Small service companies rely on reputation and local knowledge, yet their sites often hide service boundaries, qualifications, pricing approach, and realistic response times behind generic claims.

User context

Darius has a broken air conditioner during a hot weekend. He needs to know whether the company serves his address, handles his unit type, and offers a legitimate emergency appointment.

Product problem

A local company website must establish credibility and help visitors choose the right contact route under time pressure.

Objective

Design the core discovery and service-request journey for an established local repair company.

What to design

Define the experience

Required experience

  • Confirm service area and supported job type
  • Review qualifications and pricing approach
  • Choose routine or urgent contact
  • Submit a concise service request

Screens and states

  • Company homepage
  • Service detail
  • Trust and coverage page
  • Service request

Core user flow

Follow the critical path

  1. 01

    Darius enters his postal code and selects cooling repair

  2. 02

    He sees weekend availability, call-out terms, and technician credentials

  3. 03

    He chooses the urgent request route

  4. 04

    He receives a reference number and realistic callback window

Product rules

Requirements and constraints

Requirements

  • State coverage, hours, qualifications, and response expectations prominently
  • Use real team and work evidence with consent
  • Separate emergency claims from routine scheduling
  • Make phone and form paths equally usable

Constraints

  • The site cannot guarantee arrival before capacity is checked
  • Testimonials need permission and context
  • Pricing claims must explain exclusions

Reality check

States worth considering

The address is outside the service area
The job type is unsupported
The business is closed
The request form is unavailable

Finish line

What to deliver

  • Four responsive pages for a real-world local service company

Optional direction

Visual resources

Use these as a starting constraint if you want one. They are not part of the required solution.

Font pairing
CardoJosefin Sans

Cardo & Josefin Sans

Clear interface writing gives people the confidence to understand what changed and decide what to do next.

Icons
Illustrations

Keep practicing

Beginner
Marketing

Book a Social Media Strategy Consultation

Design a consultancy site that helps a prospective client assess fit, understand scope, and submit a useful strategy brief.

Responsive web1 to 2 hours
Content DesignForms
Intermediate
Marketing

Campaign Agency Lead Journey

Design a high-credibility agency website that turns a qualified campaign need into a useful discovery call request.

Responsive web2 to 4 hours
Visual DesignContent Design
Beginner
Marketing

Mobile Product Launch Page

Design a responsive launch page for a mobile trail journal that proves its core value before asking visitors to install it.

Responsive web1 to 2 hours
Responsive DesignVisual Design
Advanced
Marketing

Direct Sales Opportunity Disclosure

Design a transparent website that helps prospective direct sellers evaluate costs, earnings evidence, and cancellation rights before joining.

Responsive web2 to 4 hours
Trust and SafetyData Visualization
Intermediate
Marketing

Transparent Affiliate Review

Design a product review page that makes testing evidence, commercial relationships, and comparison criteria easy to inspect.

Responsive web1 to 2 hours
Content DesignInformation Hierarchy
Advanced
Marketing

Launch a Segmented Email Campaign

Design an email campaign workflow that makes audience rules, consent, previews, approvals, and delivery status understandable.

Desktop web4 hours plus
FormsInformation Architecture