← All projects

Figma · UI/UX website concept

One plan. A simpler path to protection.

Warranty Wizards brings home and auto warranty information into one visual journey. The Figma homepage makes coverage easier to explore and places a clear quote request at the centre of the experience.

ProjectWarranty WizardsDesigned withFigmaDeliverableHomepage UI/UX
Design a website like this ↗Explore the design ↓

The story behind the build

The first job was to make a complicated offer feel less complicated.

Home and auto warranty products can involve unfamiliar terms, different kinds of coverage and a lot of questions before a visitor feels ready to request a quote.

I designed the Figma concept around one simple sequence: establish the promise, show the two sides of the offer, collect the information needed for a quote, then use comparison, benefits and FAQs to answer the hesitation that may still remain.

The result is a homepage concept where the quote is central, but the visitor is not asked to act before the page has helped them understand what they are considering.

01 / The design brief

Help visitors understand before they request a quote.

Home and auto warranties can involve unfamiliar terms, different systems and a lot of questions about what is covered. The homepage concept needed to simplify that first conversation. Visitors should quickly understand the two types of coverage, see a clear next step and feel confident enough to explore their options.

02 / The customer journey

From the promise to the quote.

The page opens with a direct promise: “One Plan, Total Peace of Mind.” A house-and-car visual immediately explains the two sides of the offer, while “Get a Free Quote” appears as the main action.

The next section takes the visitor straight into a structured lead form. Vehicle details and contact information sit side by side, making it clear what the business needs to prepare a quote. The design also includes Auto and Home options, so visitors can recognise which protection they want.

Further down, a vehicle repair comparison makes the risk more tangible, followed by feature benefits, a three-step explanation, frequently asked questions and another invitation to get protected. The order gives the visitor multiple chances to act, with explanatory content between the calls to action.

03 / Decisions behind the design

Show the value. Make the next step simple.

A strong first impression is useful only when visitors understand what to do next.

01

Lead with one clear promise.

The headline brings home and auto protection together, instead of forcing visitors to discover the offer through separate pages.

02

Put the quote form near the top.

People who already know what they need can get started without scrolling through the entire homepage.

03

Make unexpected costs visual.

The repair-cost comparison turns an abstract warranty discussion into a concrete question a customer can understand.

04

Address doubts before the final CTA.

Benefits, simple process steps and FAQs help visitors explore coverage rather than relying on a single sales pitch.

04 / Figma visual system

Built to feel clear and dependable.

The design uses white space and a confident blue palette, with automotive and home imagery making the subject immediately recognisable. Large headings highlight the important decisions while form fields and calls to action remain easy to locate.

Deep blueWhite spaceClear formsTrust-focused structure

This is a Figma homepage design, not a live warranty website or an active quote service. Coverage figures, testimonials, pricing and business claims shown in the source layout would need client approval and verification before development.

DESIGN SYSTEM / FIGMAWarranty Wizards
#123267#2C66B2#F3F6FA#FFFFFF
BIG IDEAS, SIMPLE WORDSProtect the things that matter.

Strong contrast, restrained colour and short answers build an easy-to-follow experience.

05 / Page structure

A homepage with a purpose.

01

Introduce

Home and auto coverage, one clear opening promise and a primary quote button.

02

Collect

An Auto/Home quote section with vehicle and contact details.

03

Explain

Repair-cost context, benefit highlights and three straightforward steps.

04

Reassure

FAQs, trust sections and an invitation to take the next step.

The design outcome

A complete Figma homepage concept that brings a complex warranty offer into one easy-to-follow quote journey.

The project demonstrates information architecture, visual hierarchy, lead-form placement and trust-focused landing page design. It is presented as UI/UX design work, not a finished live website.

Need a better website experience?

Your offer deserves a clear path to enquiry.

Whether you're starting with Figma or ready for a working website, let's design around what your customers need to understand and do.

Discuss your design ↗