Home

UI/UX

Website Design

Branding

Social Media

Services

Resume

About Me

Let’s Talk

SOFIA BUNNELL

Kayla Ayad Hairstylist Website

Time-saving booking experience at your fingertips.

Timeline

June 2025

Tools Used

Figma

Figma Make

Adobe Creative Suite

Disciplines

UX Research

UI/UX Design

Prototyping

User Journey Mapping

See it in Action

VISIT SITE

🧾 Overview

Kayla needed a clean, professional website that reflected her skills and elevated her brand. The goal was simple: help her look polished and trustworthy so new clients could find her, book easily, and feel confident in her services.

The Sweet Treat Bakery app aims to provide an easy, convenient way for Bay Area residents to order baked goods directly from the bakery, bypassing third-party apps.

This app focuses on simplifying ordering for pick-up and delivery, catering to busy individuals and families who value time-saving solutions.

Pain Points

No professional website or booking link

Hard for new clients to trust or verify her work

No single place to view her services or get in touch

Based on client interview + competitor scan.

The Sweet Treat Bakery app aims to provide an easy, convenient way for Bay Area residents to order baked goods directly from the bakery, bypassing third-party apps.

This app focuses on simplifying ordering for pick-up and delivery, catering to busy individuals and families who value time-saving solutions.

🚪Opportunity

Kayla needed a simple, premium landing page to establish credibility and funnel clients to Vagaro booking. The site’s job was to build trust fast, showcase work clearly, and make booking feel effortless on mobile.

Sweet Treat Bakery was a project I undertook as part of my Google UX Design class. The goal was to enhance the digital experience for a local bakery by creating an intuitive and efficient app for customers.

The app was designed to simplify the ordering process, making it easy for users to browse, select, and pay for their favorite baked goods directly from the bakery.

Through this project, I aimed to address pain points like the extra costs associated with third-party apps and limited ordering options, while providing a more streamlined, user-friendly solution.

🔎 Research Process

Competitive Research

Looked at other hairstylist portfolios to gather layout and feature inspiration

Client Interview

Talked with Kayla about what she wanted the site to feel like and do

User Persona

👩 Persona 1: Jessica

Age: 31
Occupation: Marketing Manager
Goals

Find a stylist she can trust long-term
Book quickly between work hours
See real results before committing

Frustrations

Doesn’t want to call/text to book
Finds Instagram-only portfolios unreliable
Wants a professional but warm vibe

Why she uses the site
Jessica searches “hairstylist near me,” lands on Kayla’s site, scans services + work, and books right away through the online button.

👩‍🦱 Persona 2: Maya

Age: 24
Occupation: Grad Student / Barista
Goals

Find a new style for an event
Support a local, woman-owned business
Browse casually before deciding

Frustrations

Gets overwhelmed by busy sites
Doesn’t trust booking through DMs
Needs to feel a personal connection first

Why she uses the site
Maya hears about Kayla from a friend, uses the site to get a feel for her style and personality, and books once she feels comfortable.

🛣️ User Journey

I mapped a simplified journey to understand how clients move from discovery to booking. The goal was to highlight where they hesitate (trust, service clarity, pricing) and make sure the site answers those questions quickly before guiding them to Vagaro.

🎨 Moodboard

Soft neutrals, editorial photography, and clean serif fonts helped create a calming, high-end vibe that matched Kayla’s brand.

Created a mood board to define Sweet Treat Bakery’s visual identity, including a custom-designed logo along with thoughtfully selected colors and typography.

Each element was crafted to evoke the bakery’s warm, inviting feel while catering to the needs of modern, on-the-go users.

Low-Fidelity

Drafted initial wireframes to structure the app layout and test basic navigation.

Mid-Fidelity

Mid-fidelity focused on refining hierarchy, CTA placement, and scroll rhythm before visual styling.

High-Fidelity

VISIT SITE

Designed and hosted the site using Figma Make to ensure fast load times and mobile responsiveness. I kept it scroll-friendly with one strong CTA and minimal distractions.