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
🧾 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

🚪Opportunity

Kayla wanted a simple, branded site that made it easy for clients to learn about her services, see her work, and book appointments. I focused on building a sleek landing page with elegant visuals and clear call-to-actions, keeping the user flow intuitive and fast.

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 trustworthy stylist for regular haircuts and color

  • Book appointments quickly between work hours

  • View stylist’s past work before committing

Frustrations:

  • Hates calling/texting to book

  • Finds Instagram-only portfolios unreliable

  • Wants someone who feels professional and warm

Why she uses the site:
She Googled “hairstylist near me,” found Kayla’s clean site, liked the aesthetic, saw real photos of Kayla and her work, and booked immediately through the online button.

👩‍🦱 Persona 2: Maya

Age: 24
Occupation: Grad Student / Barista
Goals:

  • Try a new haircut or style for an upcoming event

  • Support local, woman-owned businesses

  • Browse casually before making a decision

Frustrations:

  • Gets overwhelmed by busy websites

  • Doesn’t trust booking through Instagram DMs

  • Needs to feel a personal connection before booking

Why she uses the site:
She was referred by a friend, wanted to get a vibe of Kayla, and appreciated the warm tone and photo of her on the homepage. The clean layout made her feel calm, and the simple design gave her the confidence to book.


🛣️ User Journey (Simplified)

Created journey maps to identify pain points in traditional bakery app navigation and highlight the need for seamless ordering, digital wallet integration, and accessible options for busy schedules.

🎨 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

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

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.

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.

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.

✨ Final Thoughts

The final product gave Kayla a polished, confident online presence that felt aligned with her work and helped her stand out in a saturated market. The site is simple, functional, and elegant—just like her brand.

LETS CONNECT

Get in touch with me via email

sofiadesignhub@gmail.com

or linkedin

LETS CONNECT

Get in touch with me via email

sofiadesignhub@gmail.com

or linkedin

LETS CONNECT

Get in touch with me via email

sofiadesignhub@gmail.com

or linkedin

LETS CONNECT

Get in touch with me via email

sofiadesignhub@gmail.com

or linkedin