DesignByAyo

Available for projects

DesignByAyo

Available for projects

DesignByAyo

Available for projects

DesignByAyo

Available for projects

Let’s talk

Let’s talk

Let’s talk

DesignByAyo

Available for projects

DesignByAyo

Available for projects

DesignByAyo

Available for projects

DesignByAyo

Available for projects

/

/

Talents Webpage

Handyman Marketplace Platform

2025

Designing a trusted marketplace that connects homeowners with skilled contractors through seamless booking, communication, and job management experiences.

Overview:

This project delivers a two-sided Handyman Marketplace designed to help clients quickly find trusted contractors and allow handymen to easily manage jobs, schedules, and earnings. The goal was to create a smooth, transparent experience from search to booking.This case study highlights the key screens, contractor listings, profiles, booking flow, messaging, schedules, and dashboards—and explains the UX decisions that make the platform simple, trustworthy, and efficient for both clients and contractors

Role:

Lead Product Designer (UX Research, Information Architecture, UX/UI Design, Design System Creation, Responsive Design, User Flow Design)

Duties:

Product Designer & Framer Developer

Tools Used:

Figma

Page Count:

20 screens across 2 user types

Deliverable:

Responsive web marketplace connecting homeowners with verified contractors, featuring service discovery, booking management, messaging, payments, reviews, and contractor dashboards.

Stack:

Figma

Industry:

Home Services • Marketplace • Property Maintenance • Gig Economy

/

/

Talents Webpage

Handyman Marketplace Platform

2025

Designing a trusted marketplace that connects homeowners with skilled contractors through seamless booking, communication, and job management experiences.

Overview:

This project delivers a two-sided Handyman Marketplace designed to help clients quickly find trusted contractors and allow handymen to easily manage jobs, schedules, and earnings. The goal was to create a smooth, transparent experience from search to booking.This case study highlights the key screens, contractor listings, profiles, booking flow, messaging, schedules, and dashboards—and explains the UX decisions that make the platform simple, trustworthy, and efficient for both clients and contractors

Role:

Lead Product Designer (UX Research, Information Architecture, UX/UI Design, Design System Creation, Responsive Design, User Flow Design)

Duties:

Product Designer & Framer Developer

Tools Used:

Figma

Page Count:

20 screens across 2 user types

Deliverable:

Responsive web marketplace connecting homeowners with verified contractors, featuring service discovery, booking management, messaging, payments, reviews, and contractor dashboards.

Stack:

Figma

Industry:

Home Services • Marketplace • Property Maintenance • Gig Economy

/

/

Talents Webpage

Handyman Marketplace Platform

2025

Designing a trusted marketplace that connects homeowners with skilled contractors through seamless booking, communication, and job management experiences.

Overview:

This project delivers a two-sided Handyman Marketplace designed to help clients quickly find trusted contractors and allow handymen to easily manage jobs, schedules, and earnings. The goal was to create a smooth, transparent experience from search to booking.This case study highlights the key screens, contractor listings, profiles, booking flow, messaging, schedules, and dashboards—and explains the UX decisions that make the platform simple, trustworthy, and efficient for both clients and contractors

Role:

Lead Product Designer (UX Research, Information Architecture, UX/UI Design, Design System Creation, Responsive Design, User Flow Design)

Duties:

Product Designer & Framer Developer

Tools Used:

Figma

Page Count:

20 screens across 2 user types

Deliverable:

Responsive web marketplace connecting homeowners with verified contractors, featuring service discovery, booking management, messaging, payments, reviews, and contractor dashboards.

Stack:

Figma

Industry:

Home Services • Marketplace • Property Maintenance • Gig Economy

/

/

Talents Webpage

Handyman Marketplace Platform

2025

Designing a trusted marketplace that connects homeowners with skilled contractors through seamless booking, communication, and job management experiences.

Overview:

This project delivers a two-sided Handyman Marketplace designed to help clients quickly find trusted contractors and allow handymen to easily manage jobs, schedules, and earnings. The goal was to create a smooth, transparent experience from search to booking.This case study highlights the key screens, contractor listings, profiles, booking flow, messaging, schedules, and dashboards—and explains the UX decisions that make the platform simple, trustworthy, and efficient for both clients and contractors

Role:

Lead Product Designer (UX Research, Information Architecture, UX/UI Design, Design System Creation, Responsive Design, User Flow Design)

Duties:

Product Designer & Framer Developer

Tools Used:

Figma

Page Count:

20 screens across 2 user types

Deliverable:

Responsive web marketplace connecting homeowners with verified contractors, featuring service discovery, booking management, messaging, payments, reviews, and contractor dashboards.

Stack:

Figma

Industry:

Home Services • Marketplace • Property Maintenance • Gig Economy

CLIENT VIEW

CLIENT DASHBOARD

The Client Dashboard serves as the homeowner’s main control center, offering quick clarity and easy access to essential service actions. A clean hierarchy and progressive disclosure keep the experience simple and stress-free.

Key elements focus on speed, trust, and convenience:

  • Personalized & Fast: A greeting and bold search bar make starting a request effortless.

  • Smart Job Management: Scannable cards highlight scheduled appointments and recent fixes for quick status checks.

  • Easy Continuity: Recent searches allow users to instantly pick up where they left off.

  • Built-in Trust: Ratings, reviews, and “Verified” badges give users confidence in their choices.

By organizing information visually and minimizing cognitive load, the dashboard makes managing home repairs feel intuitive and effortless.

This is the homeowner’s main control center, offering quick clarity and easy access to essential service actions. A clean hierarchy and progressive disclosure keep the experience simple and stress-free.

  • Personalized & Fast: A greeting and bold search bar make starting a request effortless.

  • Smart Job Management: Scannable cards highlight scheduled appointments and recent fixes for quick status checks.

  • Easy Continuity: Recent searches allow users to instantly pick up where they left off.

  • Built-in Trust: Ratings, reviews, and “Verified” badges give users confidence in their choices.

By organizing information visually and minimizing cognitive load, the dashboard makes managing home repairs feel intuitive and effortless.

SERVICE LIST PAGE

The Service List Page displays all contractors providing a selected service in a clean, organized card layout. Each card highlights key details including contractor name, service specialization (e.g., Plumbing, Electrical), location, experience summary, hourly rate, availability, and verification status. Ratings and review counts are prominently displayed to help users make informed choices quickly.

Filters & Sorting: Users can refine results using filters like Best Match, Available, Highest Rated, and Most Booked, ensuring they find the most suitable contractor efficiently. Pagination allows users to navigate through all listings without overwhelming the screen.

UX Thought Process:

The grid layout and consistent card design increase scannability, making it easy to compare multiple contractors at a glance. Visual hierarchy emphasizes the most important information—availability, rating, and experience—so users can quickly identify trustworthy and qualified professionals. Clear labels, buttons, and filters streamline decision-making, reducing friction in the service discovery process.

The Service List Page presents all contractors for a selected service in a clean grid, with each card showing key details—name, specialization, location, experience, ratings, availability, verification, and hourly rate. Clear visuals make comparing contractors fast and intuitive.

Smart filters like Best Match, Available, Highest Rated, and Most Booked help users narrow results effortlessly, while pagination keeps browsing uncluttered.

UX Approach: A consistent card layout boosts scannability, while strong visual hierarchy highlights what matters most—availability, credibility, and expertise. Clear filters and labels reduce friction, helping users quickly find and choose the right professional.

SEARCH AND FILTERS PAGE

This page makes finding the right contractor effortless by combining smart search with layered, intuitive filtering. Users can quickly refine results to match their exact needs, ensuring highly relevant and trustworthy options.

  • Smart Search & Sorting: A clear search bar and quick-sort options like Most Booked, Highest Rated, and Best Match surface top-quality professionals instantly.

  • Granular Filtering: Organized filters for Service Category, Availability, Verification Badges, and custom date ranges give users precise control.

  • Decision-Ready Cards: Each contractor card highlights essential details—ratings, badges, services, pricing, and availability—making comparison fast and simple.

By pairing powerful filters with an uncluttered layout, the page reduces cognitive load and helps users confidently choose the right expert for any task

CONTRACTOR PROFILE PAGE - CLIENT VIEW

The contractor profile shows service provider details including bio, skills, pricing, portfolio images, reviews, and availability. This page builds trust by offering full transparency before booking.

The layout follows a natural left-to-right evaluation process: identity → skills → reviews → portfolio → booking. This structure increases confidence and encourages conversion.

BOOKING PAGE

This streamlined booking process transforms user intent into a secure appointment by balancing essential information collection with a frictionless experience.

The form guides users through a logical sequence: describing their issue, selecting a date/time, and attaching visual aids. Key trust-building elements are integrated throughout, including:

Transparent Pricing: The "Booking Receipt" clearly states the upfront deposit and explains the billing policy before payment.

Secure Transactions: Multiple, familiar payment options (Card, Wallet, PayPal) make the final step feel safe and flexible.

Clear Confirmation: A dedicated success screen provides immediate feedback and seamlessly directs users to the next step ("View chat") to continue coordination.

By eliminating ambiguity and building trust at every step, this flow reduces cognitive load and encourages completion, turning a complex decision into a simple, confident action.

MESSAGING

The messaging interface functions as the operational hub for service coordination, moving beyond simple chat to become a centralized thread for all job-related details.

Key features create a seamless experience:

Context-Rich Threads: Each conversation is anchored by a permanent, summary card displaying the job title, full description, preferred time, and address. This eliminates back-and-forth by giving both parties immediate access to the original booking context.

Structured & Secure: The integration of a prominent "Cancel Request" action within the thread provides clear accountability and an easy exit path, building trust.

Familiar & Efficient: A familiar chat-style UI ensures immediate usability, allowing for natural conversation to discuss specifics, provide updates, and confirm details.

By embedding the job details directly into the conversation, this design reduces miscommunication, streamlines coordination, and creates a single source of truth for every booking.

PAYMENT AND RATING

This post-service flow masterfully combines the critical actions of payment and feedback into a single, cohesive experience that reinforces trust and quality.

The design strategically links the contractor's performance to the final payment, encouraging thoughtful reviews. Key features include:

Transparent Cost Breakdown: A clear line-item summary (Contract Fee, Extra Fee, Subtotal, Total) justifies the cost and builds final-minute confidence.

Integrated Feedback Loop: Placing the "Add Review" section before the "Make Payment" CTA leverages the user's fresh satisfaction (or dissatisfaction) to capture authentic, high-quality testimonials.

Streamlined Actions: A binary satisfaction check ("I am satisfied / Not yet") provides a lightweight feedback option, while the prominent payment button ensures a frictionless completion of the transaction.

By uniting review and payment, this page transforms a routine transaction into a powerful tool for building platform reputation and ensuring user closure.

SCHEDULED FIXES

This page transforms appointment management into a simple, scannable timeline, giving users complete visibility and control over their upcoming services.

The card-based layout presents all essential details—contractor, service description, date, and time—in a single glance. Key features include:

At-a-Glance Organization: A clear "Scheduled" vs. "Past" filter allows users to instantly focus on upcoming commitments or review past jobs.

Proactive Control: Prominent "Send a message" buttons and status labels empower users to manage appointments directly, reducing uncertainty and support requests.

Context-Rich Cards: Each booking includes the full problem description, ensuring all context is readily available without needing to open separate details.

By presenting a visual timeline of commitments, this design reduces cognitive load and empowers users to manage their home maintenance schedule confidently.

PAST FIXES

This history page lists all previously completed jobs with receipts, contractor details, and a quick “Book Again” option. It helps users reference past repairs easily while reinforcing trust and continuity. Grouping jobs by date and using consistent formatting makes the page easy to navigate.

HANDYMAN / CONTRACTOR VIEW

HANDYMAN DASHBOARD

This dashboard provides contractors with a centralized command center to efficiently manage their business, track performance, and take immediate action on jobs.

The design prioritizes at-a-glance comprehension through a clear hierarchy of key metrics and actionable job lists.

Key features are organized to support a contractor's workflow:

Performance Overview: High-level metric cards display critical business health indicators, including Earnings, Upcoming Jobs, Pending Requests, and Average Rating.

Action-Oriented Job Management: The "Recent Fixes" list provides a scannable timeline of the day's work, with clear status tags (In Progress, Scheduled) and immediate actions like "Mark as completed" and "Send a message" directly from each job card.

Financial Transparency: Earnings summaries for "This Month" and "Lifetime Income" offer a clear view of financial progress and available cash for withdrawal.

By mirroring the intuitive structure of modern gig-economy tools, the dashboard minimizes onboarding time and maximizes a contractor's operational efficiency.

SERVICE MANAGEMENT/CONTRACTOR PROFILE PAGE

This page gives contractors direct control over their digital storefront, moving beyond simple editing to active brand management. The design replaces cumbersome forms with modular, editable cards, making profile updates quick and intuitive.

Key sections allow for comprehensive professional presentation:

Verified Credibility: The layout highlights trust signals, clearly displaying the path to becoming "Verified" and showcasing earned badges like "Top Rated," which builds immediate client confidence.

Detailed Service Offerings: Contractors can easily manage their "Services" (e.g., Plumbing, Electrical), "Skills" (e.g., Sink Repair, Pipe Installation), and "Certifications" to precisely define their expertise.

Strategic Positioning: Control over the "Service Description" and "Service Area" allows contractors to tailor their marketing and reach the right local customers.

By providing granular control over their profile, this page empowers contractors to build their reputation, attract the right clients, and grow their business on the platform.

SETTINGS PAGE

This section includes account management options like password updates, notification preferences, availability toggle, and payout setup. The design follows a familiar settings-panel pattern for ease of use. Emphasis is placed on clarity and trust, especially around security and financial preferences.

EARNINGS PAGE

This page provides contractors with a comprehensive and transparent financial hub, transforming raw transaction data into actionable business insights.

The design balances high-level financial overviews with detailed transaction history, enabling contractors to track performance and manage their finances with confidence.

Key features provide a complete financial picture:

At-a-Glance Performance: Summary cards display Available Balance, Lifetime Income, and This Month’s Earnings, including percentage growth metrics to highlight business trends.

Detailed Transaction History: A sortable Financial Statement table provides granular detail for every transaction, including date, activity, client, and order number for full accountability.

Action-Oriented Data: Features like "Download Chart Data" empower contractors to analyze their earnings outside the platform, supporting broader business planning.

By offering both motivational summaries and forensic detail, this page builds trust through transparency and helps contractors make informed decisions to grow their business.

BOOKING REQUEST

New job requests appear here with all necessary details and clear accept/decline options. The card-action layout makes decision-making quick and reduces hesitation. This structure helps handymen manage workload confidently while ensuring timely responses to customers.

SCHEDULED JOB PAGE

This page lists all upcoming confirmed jobs with time, location, and customer details. Grouping jobs by day and using color-coded statuses helps contractors plan efficiently and prevents missed appointments. The layout is intentionally simple to support fast daily checks.

A

D

Intro

Client View

Contractor view

A

D

Intro

Client View

Contractor view

Create a free website with Framer, the website builder loved by startups, designers and agencies.