Balancing the founder’s vision with real customer feedback

Digital Platform for Home Pros

vidview

vidview

|

|

UX/UI Designer

UX/UI Designer

|

|

responsive Web/Mobile Design, UX Strategy

responsive Web/Mobile Design, UX Strategy

Vidview Website

UX / UI

Design System

update

This case study is currently being updated. Some sections and visuals are in progress but still show the overall design process and outcomes.

Overview

Vidview is a digital platform designed for home service providers - electricians, plumbers, inspectors, and more - to help them build trust with customers, grow their business, and increase repeat work. The original business model was built around networking groups and client-facing video content. I worked closely with the founder to define the MVP, develop the brand, and design the marketing site.

My role

I had the opportunity to work as the sole UX/UI designer for a small startup project where I collaborated closely with the owner, copywriter, and developer.

  • Defined and prioritized the MVP experience

  • Designed a responsive website

  • Worked closely with a developer on handoff

  • Created documentation for the copywriter

  • Advised on product positioning and launch strategy

  • Created the brand identity, including logo direction, colors, typography

Product Design

Research

User interviews

Wireframes

Prototypes

UI Design

Design system

Product handoff

Problem

Home service professionals often rely on word of mouth to grow their business, but they don’t always have the time or tools to market themselves well. Vidview set out to solve two things:

  1. Make it easy for pros to refer each other through networking groups.

  2. Help pros build client trust and convert more leads through short, personalized videos.

Goal

Design a clear and conversion-focused marketing website that encourages home service professionals to subscribe to Vidview’s monthly service. The site needed to communicate the value of personalized client videos while laying the groundwork for future features like service provider networking.

Research

The company is in it's very early stages, so I met with the owner regularly to understand the business offering and who the target user were. The owner being a home inspector was able to help me understand the needs and challenges of our users.

Target audience and pain points

Independent Home Service Provider

Age

30 - 55

Profession

Home Inspector / Plumber / Electrician

Business size

1–5 employee

Tech Comfort

Moderate - uses phone and email for business, but doesn’t have a full website or CRM

Goals:

  • Earn client trust before the job

  • Reduce no-shows and client uncertainty

  • Get more repeat and referral work without doing more marketing

  • Look more professional than competitors

Pain Points:

  • Doesn’t have time or budget to build a polished online presence

  • Finds it awkward to explain upsell services in person

  • Often works alone and relies on word-of-mouth marketing

  • Doesn’t always know if leads convert or drop off

Independent Home Service Provider

Age

30 - 55

Profession

Home Inspector / Plumber / Electrician

Business size

1–5 employee

Tech Comfort

Moderate - uses phone and email for business, but doesn’t have a full website or CRM

Goals:

  • Earn client trust before the job

  • Reduce no-shows and client uncertainty

  • Get more repeat and referral work without doing more marketing

  • Look more professional than competitors

Pain Points:

  • Doesn’t have time or budget to build a polished online presence

  • Finds it awkward to explain upsell services in person

  • Often works alone and relies on word-of-mouth marketing

  • Doesn’t always know if leads convert or drop off

Independent Home Service Provider

Age

30 - 55

Profession

Home Inspector / Plumber / Electrician

Business size

1–5 employee

Tech Comfort

Moderate - uses phone and email for business, but doesn’t have a full website or CRM

Goals:

  • Earn client trust before the job

  • Reduce no-shows and client uncertainty

  • Get more repeat and referral work without doing more marketing

  • Look more professional than competitors

Pain Points:

  • Doesn’t have time or budget to build a polished online presence

  • Finds it awkward to explain upsell services in person

  • Often works alone and relies on word-of-mouth marketing

  • Doesn’t always know if leads convert or drop off

People don’t know who to trust anymore. By the time I show up, they’re already nervous - like they’re waiting for me to upsell something sketchy.

How Vidview helps

  • Provides a professional intro video to send before a job, building trust automatically

  • Gives access to a branded library of help videos that explain services

  • Helps increase upsells through custom pre-job forms

  • Creates a clean, modern online profile without needing a full website

Client type notes

  • Home Inspectors: Often work with real estate agents or home sellers. Focus is on appearing credible and professional in a tight sales timeline.

  • Home Pros (Electricians, Plumbers, HVAC): Work with homeowners directly. Focus is on building trust and encouraging return service or referrals.

Iteration

While the idea of networking groups had potential, initial customer testing revealed confusion around the concept - users didn’t understand how or why they’d use the QR stickers or access a group of providers. On the other hand, clients responded positively to the idea of receiving short “about me” or service explainer videos before a scheduled visit.

I needed to help the founder prioritize and clarify the offering, while still leaving room for future features like group referrals.

Solution

I proposed we launch with a simplified product focused on client video tools - allowing home professionals to:

  • Create custom intro videos to send before client visits

  • Access a shared video library to educate customers and sell add-on services

This would be easier to build, easier to explain, and would still serve the long-term vision of helping pros grow through trust and visibility.

We postponed the networking group component until we could better validate and simplify how it would work.

Outcome

The first version of the marketing site is live at vidview.com, with a focus on explaining the video features clearly to service providers. I created a clean, modern design system, with scalable components and room for future expansion.

Though the product is still evolving, I helped guide early feature decisions toward a more user-centered direction - balancing the founder’s vision with real customer feedback.

Final designs

Below are selected screens from the first version of the Vidview marketing website. The goal was to create a clean, professional experience that clearly communicates VidView’s value and drives sign-ups from service providers.

01. Hero Section

The hero section introduces the core value - building trust with clients through personalized video - and includes a strong call to action to drive sign-ups.

02. Revenue Opportunity

A quick business case for signing up:This section helps service providers understand the ROI of using VidView by showing how videos can help convert leads, increase loyalty, and upsell services.

03. How It Works

A simplified 3-step explanation: Designed to make the offering feel easy and low-effort, this section walks users through the process of creating and using videos with clients.

04. Pricing & Features

Straightforward, transparent pricing:The pricing block is clean and minimal, with a recommended tier highlighted. Core features are listed below to reinforce the value.

05. FAQ + Demo CTA

An accordion-style FAQ clears up common questions. A strong CTA encourages users to request a personalized demo or sign up.

06. Footer & Contact

Reinforcing trust and connection:The footer offers links to social media, a direct contact form, and a final CTA — giving users multiple ways to engage.

01. Hero Section

The hero section introduces the core value - building trust with clients through personalized video - and includes a strong call to action to drive sign-ups.

02. Revenue Opportunity

A quick business case for signing up:This section helps service providers understand the ROI of using VidView by showing how videos can help convert leads, increase loyalty, and upsell services.

03. How It Works

A simplified 3-step explanation: Designed to make the offering feel easy and low-effort, this section walks users through the process of creating and using videos with clients.

04. Pricing & Features

Straightforward, transparent pricing:The pricing block is clean and minimal, with a recommended tier highlighted. Core features are listed below to reinforce the value.

05. FAQ + Demo CTA

An accordion-style FAQ clears up common questions. A strong CTA encourages users to request a personalized demo or sign up.

06. Footer & Contact

Reinforcing trust and connection:The footer offers links to social media, a direct contact form, and a final CTA — giving users multiple ways to engage.

01. Hero Section

The hero section introduces the core value - building trust with clients through personalized video - and includes a strong call to action to drive sign-ups.

02. Revenue Opportunity

A quick business case for signing up:This section helps service providers understand the ROI of using VidView by showing how videos can help convert leads, increase loyalty, and upsell services.

03. How It Works

A simplified 3-step explanation: Designed to make the offering feel easy and low-effort, this section walks users through the process of creating and using videos with clients.

04. Pricing & Features

Straightforward, transparent pricing:The pricing block is clean and minimal, with a recommended tier highlighted. Core features are listed below to reinforce the value.

05. FAQ + Demo CTA

An accordion-style FAQ clears up common questions. A strong CTA encourages users to request a personalized demo or sign up.

06. Footer & Contact

Reinforcing trust and connection:The footer offers links to social media, a direct contact form, and a final CTA — giving users multiple ways to engage.

Learnings

Early testing, even limited, is essential to avoid launching features users don’t understand

  • Prioritizing one strong value prop can lead to a clearer, more focused MVP

  • Founders sometimes need help translating vision into user value - good design is about asking the right questions, not just building what’s asked

Dev Handoff

To support development, I created a detailed handoff file in Figma with all key screens laid out across four breakpoints (XL desktop, desktop, tablet, and mobile).

Methods

Using UXPin's annotation guidelines & Figma's Dev mode

  • Design handoff file including a Design System or Style Guidelines, specs, user flows and prototypes

  • Annotations: to document interactions, content, and sizing

  • Comments: to talk back-and-forth with a developer

  • Measurement tool: to show important sizing requirements

Live Site Review

Once development began, I reviewed the live mobile site and documented visual and functional gaps compared to the design. I captured side-by-side screenshots and left direct feedback for the developer using Figma comments - highlighting layout spacing, component mismatches, and missing interactions.

This allowed for an efficient asynchronous review process and ensured visual and functional consistency where possible, despite tight timelines.

Design system

To ensure consistency, clarity, and scalability across the Vidview platform, I created a foundational design system and dev handoff documentation in Figma. While it's not yet a complete design library, this v1 system establishes clear patterns that support both design and engineering workflows.

It includes:

  • Typography for headings, body text, and supporting UI elements

  • Color system with brand, semantic, and utility colors, tested for accessibility

  • Spacing scale and grid system for layout consistency across breakpoints

  • Effects such as shadows, border radii, and button states

  • Iconography styled for clarity and brand cohesion

  • Reusable UI components, including buttons, form fields, and pricing cards

  • Responsive layout behavior documented for desktop, tablet, and mobile

  • Feature-level specs for high-priority sections like the FAQ, onboarding steps, and contact form

Built with developer collaboration in mind, this system uses Figma variables, organized component sets, and clearly annotated frames. It served as a central source of truth during handoff and can easily scale as Vidview evolves.

Full Figma Design System

Click below to view the full dev handoff & design system documentation in Figma.

*Best viewed on desktop

Other projects

VMS Schedule App

UX / UI

SaaS

VMS Schedule App

UX / UI

SaaS

ClimaTech Saas Website

UX / UI

SaaS

Dashboard

ClimaTech Saas Website

UX / UI

SaaS

Dashboard