Responsive Web Design
Redesigning a community golf course website for clarity, convenience, and a smoother booking experience.
*This project was done as part of the curriculum for a UX Bootcamp. I do not have any affiliation with Sterling Farms Golf Course.
TEAM
Time
3 Months
My role
Sole Designer & Researcher
KEY SKILLS
Research
UX/UI
Testing
Prototyping
Responsive Web Design
Redesigning a community golf course website for clarity, convenience, and a smoother booking experience.
*This project was done as part of the curriculum for a UX Bootcamp. I do not have any affiliation with Sterling Farms Golf Course.
TEAM
Time
3 Months
My role
Sole Designer & Reseacher
KEY SKILLS
Research
UX/UI
Testing
Prototyping
TEAM
Time
3 Months
My role
Sole Designer & Reseacher
KEY SKILLS
Research
UX/UI
Testing
Prototyping
Responsive Web Design
TEAM
Time
3 Months
My role
Sole Designer & Researcher
KEY SKILLS
Research
UX/UI
Testing
Prototyping
TEAM
Time
3 Months
My role
Sole Designer & Researcher
KEY SKILLS
Research
UX/UI
Testing
Prototyping
*This project was done as part of the curriculum for a UX Bootcamp. I do not have any affiliation with Sterling Farms Golf Course.
Redesigning a community golf course website for clarity, convenience, and a smoother booking experience.
overview
Redesigning Golf Online
Redesigning Golf Online
Golf is experiencing record growth, with more new players entering the sport than ever before. As tee times increasingly shift to online booking, many courses struggle to keep pace with modern digital expectations. This project focuses on helping Sterling Farms Golf Course refresh and redesign its online presence, creating a streamlined experience that meets today’s demand and positions the course for the future.
Discovery
Mapping the Fairway
I explored how users booked activities online and what information they rely on before visiting a venue. By observing their booking habits and the details they prioritize like pricing, availability, and on-site information, I uncovered gaps that made the process feel unclear or inefficient. These insights informed the redesign, helping create a more intuitive, informative, and seamless experience.
User Interviews
Interviews Conducted
5
Demographics
2 Males & 3 Females
Method
Hybrid In Person & Zoom
Key Insights from User Research
To Much Information
Users felt overwhelmed by the amount of content on each page, making it difficult to quickly find the details they needed.
“It just feels like there is so much information on each page that I need to go through to find what I want.”
Outdated & Unintuitive
The site’s older layout and unclear navigation patterns made it hard for users to understand where to go or how to complete basic tasks.
"It feels old, and I can’t tell where I’m supposed to go to find what I need."
Not Accessible
Poor contrast, small text, and missing accessibility considerations created barriers for users with different visual and mobility needs.
“There are so many different colors, fonts & styles, it's honestly a little jarring.”
Competitive Analysis
I conducted a competitive analysis of other golf course websites to understand how they present key information and manage online booking processes. By examining their layouts, navigation patterns, and booking flows, I identified approaches that worked well and areas where users often faced friction. These insights helped inform design decisions for the Sterling Farms Golf Course site, guiding improvements to usability, clarity, and the overall booking experience.
Confusing Tee-Time Booking Process
Analysis showed golf websites have confusing tee time booking processes, with unclear steps, hidden options, or inconsistent flows. Users often struggle to find available times, understand pricing, or complete a reservation efficiently, which creates frustration and can lead to abandoned bookings.
Lack Ability To Book Lessons Online
Many golf course websites do not offer the ability to book lessons online, forcing users to call or email to schedule. This creates friction, slows the booking process, and limits convenience, leaving users frustrated and less likely to engage with available instructional offerings.
Affinity Mapping
I created an affinity map to make sense of all the raw research and uncover the patterns hidden beneath individual comments. By clustering user pains, goals, and behaviors, I was able to see which problems surfaced repeatedly and which needs mattered most. This process helped me move from scattered insights to a focused design direction, ensuring that every feature I prioritized directly reflected what real users struggled with and cared about.
DEFINITION
Problem Statement
Inefficient & outdated tee time booking process
Users today are almost always required to book tee-times online. Many golf course websites rely on outdated, unintuitive tee time booking systems. Users struggle to select dates and times and often can’t easily understand which slots are available, leading to frustration and slow bookings. This gap creates a clear opportunity to redesign the experience with modern patterns and clearer information to better support today’s user expectations.
Cannot book lessons online
Golfers consistently want to get better and take lessons. Many golf course websites offer no way to book lessons online, forcing users to call or email to schedule. This creates unnecessary friction, limits convenience, and often leads to dropped interest. This gap presents a strong opportunity to introduce a streamlined, self-service booking flow that aligns with modern user expectations and makes lessons more accessible and engaging.
Persona
Only one persona was necessary for this project, represented by Rob, a busy professional who loves golf and plays whenever he can. Living in a densely populated area with a large community of golfers, Rob relies heavily on local courses, yet their outdated online booking platforms make the experience frustrating. He finds the system cumbersome and unintuitive when trying to reserve tee times, and he also struggles to schedule lessons with the local pro due to the lack of a simple online option. Rob hopes these courses will modernize their websites to make both booking and skill-building easier and more accessible.
Persona: Rob
User Needs & Wants
Easy Booking
Users want to be able to quickly and efficiently reserve tee times online without confusion.
Transparent Rates
Users want all pricing, including time based rates and cart fees, to be clear and easy to find.
Ability To Book Lessons Online
Users want the ability to conveniently schedule lessons with the pro directly through the site.
Clear Information
Users want the essential course details to be presented in a concise, easy to digest format.
IDEATION
Site Map
Users cited overwhelming information and a confusing layout as major pain points. To address this, I developed a new site map to create a clear, organized, and accessible information architecture.
Site Map
User Flows
I designed two key user flows: one for booking tee times and one for scheduling lessons. Each flow streamlined selection, timing, and confirmation steps to make the online experience more intuitive, efficient, and user-friendly.
User Flow #1: Book Tee Time
User Flow #2: Book Lesson
Low-Fidelity Sketches
After defining the site structure and user flows, I created low-fidelity desktop screens to quickly visualize the layout and hierarchy of key pages. These wireframes allowed me to explore content placement, navigation, and interactive elements early on, gather feedback, and iterate efficiently before moving into higher-fidelity designs.
Early Stage Low-Fidelity Sketches
Mid-Fidelity Screens
After completing and iterating on the low-fidelity screens, I refined the designs and developed mid-fidelity frames. These mid-fidelity screens added more detail, including typography, spacing, and interface elements, while maintaining a focus on usability. This step allowed me to validate layout decisions, improve clarity, and prepare for high-fidelity prototyping.
Frame #1: Available Times
Frame #2: Current Booking
Frame #3: Confirmation
Frame #4: Login
DESIGNS
Branding
To maintain brand recognition and save time, I chose to keep the existing logo. I selected the logo’s dark green as the primary color and built a complementary palette around it, incorporating subtle golf inspired tones to reinforce the theme. For typography, I used Montserrat for headings and larger text, paired with Nunito for smaller text, ensuring a clean, modern look and enhanced readability across the site.
UI Kit
Since this was a brand-new design with no existing UI elements to build from, I developed a comprehensive component library to guide the project. The library included buttons, form fields, navigation elements, cards, icons, and other recurring items, all designed with the chosen color palette and typography in mind. Creating these reusable components not only ensured visual consistency across the site but also allowed me to iterate quickly, test new ideas efficiently, and maintain a consistent look and feel throughout the site.
High-Fidelity Screens
With the mid-fidelity frames completed, I moved into high-fidelity design to bring the visual identity and branding to life. This phase focused on applying the full color palette, typography, component library, and visual details that define the final look and feel. I refined spacing, hierarchy, and interactive elements to ensure the UI felt polished and intuitive. Transitioning to high fidelity allowed me to accurately represent the final product and prepare the designs for prototyping.
Frame #1: Available Tee Times
Frame #2: Current Booking
Frame #3: Dashboard
Frame #3: Confirmation
Tools Used
Key Features
Updated Tee Time Booking
A modernized booking system that allows users to easily reserve a tee time and filter results by date, time, number of golfers, number of holes, and cart availability. This streamlined flow makes finding the right time faster and more intuitive.
Book Lessons Online
A dedicated booking experience for individual or group lessons with various golf pros. Users can browse instructors, compare availability, and schedule sessions directly through the site without needing to call or email.
Account Dashboard
A personalized dashboard where users can manage payment methods, view past and upcoming bookings, and cancel future reservations. This centralized hub gives users full control over their activity and simplifies account management.
Price Transparency
Green fees update in real time based on the user’s selections, allowing golfers to instantly see accurate pricing as they adjust factors like date, time, number of holes, and cart options. This clarity helps users make informed decisions without navigating multiple pages or guessing costs.
DISCOVERY
Mapping the Fairway
I explored how users booked activities online and what information they rely on before visiting a venue. By observing their booking habits and the details they prioritize like pricing, availability, and on-site information, I uncovered gaps that made the process feel unclear or inefficient. These insights informed the redesign, helping create a more intuitive, informative, and seamless experience.
User Interviews
Interviews Conducted
5
Demographics
2 Males & 3 Females
Method
Hybrid In Person & Zoom
Key Insights from User Research
To Much Information
Users felt overwhelmed by the amount of content on each page, making it difficult to quickly find the details they needed.
“It just feels like there is so much information on each page that I need to go through to find what I want.”
Outdated & Unintuitive
The site’s older layout and unclear navigation patterns made it hard for users to understand where to go or how to complete basic tasks.
"It feels old, and I can’t tell where I’m supposed to go to find what I need."
Not Accessible
Poor contrast, small text, and missing accessibility considerations created barriers for users with different visual and mobility needs.
“There are so many different colors, fonts & styles, it's honestly a little jarring.”
Competitive Analysis
I conducted a competitive analysis of other golf course websites to understand how they present key information and manage online booking processes. By examining their layouts, navigation patterns, and booking flows, I identified approaches that worked well and areas where users often faced friction. These insights helped inform design decisions for the Sterling Farms Golf Course site, guiding improvements to usability, clarity, and the overall booking experience.
Confusing Tee-Time Booking Process
Analysis showed golf websites have confusing tee time booking processes, with unclear steps, hidden options, or inconsistent flows. Users often struggle to find available times, understand pricing, or complete a reservation efficiently, which creates frustration and can lead to abandoned bookings.
Lack Ability To Book Lessons Online
Many golf course websites do not offer the ability to book lessons online, forcing users to call or email to schedule. This creates friction, slows the booking process, and limits convenience, leaving users frustrated and less likely to engage with available instructional offerings.
Affinity Mapping
I created an affinity map to make sense of all the raw research and uncover the patterns hidden beneath individual comments. By clustering user pains, goals, and behaviors, I was able to see which problems surfaced repeatedly and which needs mattered most. This process helped me move from scattered insights to a focused design direction, ensuring that every feature I prioritized directly reflected what real users struggled with and cared about.
Definition
Problem Statements
Inefficient & outdated tee time booking process
Users today are almost always required to book tee-times online. Many golf course websites rely on outdated, unintuitive tee time booking systems. Users struggle to select dates and times and often can’t easily understand which slots are available, leading to frustration and slow bookings. This gap creates a clear opportunity to redesign the experience with modern patterns and clearer information to better support today’s user expectations.
Cannot book lessons online
Golfers consistently want to get better and take lessons. Many golf course websites offer no way to book lessons online, forcing users to call or email to schedule. This creates unnecessary friction, limits convenience, and often leads to dropped interest. This gap presents a strong opportunity to introduce a streamlined, self-service booking flow that aligns with modern user expectations and makes lessons more accessible and engaging.
Persona
Only one persona was necessary for this project, represented by Rob, a busy professional who loves golf and plays whenever he can. Living in a densely populated area with a large community of golfers, Rob relies heavily on local courses, yet their outdated online booking platforms make the experience frustrating. He finds the system cumbersome and unintuitive when trying to reserve tee times, and he also struggles to schedule lessons with the local pro due to the lack of a simple online option. Rob hopes these courses will modernize their websites to make both booking and skill-building easier and more accessible.
Persona: Rob
User Needs & Wants
Easy Booking
Users want to be able to quickly and efficiently reserve tee times online without confusion.
Transparent Rates
Users want all pricing, including time based rates and cart fees, to be clear and easy to find.
Ability To Book Lessons Online
Users want the ability to conveniently schedule lessons with the pro directly through the site.
Clear Information
Users want the essential course details to be presented in a concise, easy to digest format.
IDEATION
Site Map
Users cited overwhelming information and a confusing layout as major pain points. To address this, I developed a new site map to create a clear, organized, and accessible information architecture.
Site Map
User Flows
I designed two key user flows: one for booking tee times and one for scheduling lessons. Each flow streamlined selection, timing, and confirmation steps to make the online experience more intuitive, efficient, and user-friendly.
User Flow #1: Book Tee Time
User Flow #2: Book Lesson
Low-Fidelity Sketches
After defining the site structure and user flows, I created low-fidelity desktop screens to quickly visualize the layout and hierarchy of key pages. These wireframes allowed me to explore content placement, navigation, and interactive elements early on, gather feedback, and iterate efficiently before moving into higher-fidelity designs.
Early Stage Low-Fidelity Sketches
Mid-Fidelity Screens
After completing and iterating on the low-fidelity screens, I refined the designs and developed mid-fidelity frames. These mid-fidelity screens added more detail, including typography, spacing, and interface elements, while maintaining a focus on usability. This step allowed me to validate layout decisions, improve clarity, and prepare for high-fidelity prototyping.
Frame #1: Available Times | Frame #2: Current Booking | Frame #3: Confirmation | Frame #4: Login
DESIGNS
Branding
To maintain brand recognition and save time, I chose to keep the existing logo. I selected the logo’s dark green as the primary color and built a complementary palette around it, incorporating subtle golf inspired tones to reinforce the theme. For typography, I used Montserrat for headings and larger text, paired with Nunito for smaller text, ensuring a clean, modern look and enhanced readability across the site.
UI Kit
Since this was a brand-new design with no existing UI elements to build from, I developed a comprehensive component library to guide the project. The library included buttons, form fields, navigation elements, cards, icons, and other recurring items, all designed with the chosen color palette and typography in mind. Creating these reusable components not only ensured visual consistency across the site but also allowed me to iterate quickly, test new ideas efficiently, and maintain a consistent look and feel throughout the site.
High-Fidelity Screens
With the mid-fidelity frames completed, I moved into high-fidelity design to bring the visual identity and branding to life. This phase focused on applying the full color palette, typography, component library, and visual details that define the final look and feel. I refined spacing, hierarchy, and interactive elements to ensure the UI felt polished and intuitive. Transitioning to high fidelity allowed me to accurately represent the final product and prepare the designs for prototyping.
Frame #1: Available Tee Times | Frame #2: Current Booking | Frame #3: Dashboard | Frame #4: Confirmation
Tools Used
Key Features
Updated Tee Time Booking
A modernized booking system that allows users to easily reserve a tee time and filter results by date, time, number of golfers, number of holes, and cart availability. This streamlined flow makes finding the right time faster and more intuitive.
Book Lessons Online
A dedicated booking experience for individual or group lessons with various golf pros. Users can browse instructors, compare availability, and schedule sessions directly through the site without needing to call or email.
Account Dashboard
A personalized dashboard where users can manage payment methods, view past and upcoming bookings, and cancel future reservations. This centralized hub gives users full control over their activity and simplifies account management.
Price Transparency
Green fees update in real time based on the user’s selections, allowing golfers to instantly see accurate pricing as they adjust factors like date, time, number of holes, and cart options. This clarity helps users make informed decisions without navigating multiple pages or guessing costs.
TESTING
Usability Testing
I ran five usability tests using an interactive Figma prototype, with each session lasting around 30 minutes. Participants were able to complete all tasks smoothly, indicating that the overall flow and interactions felt intuitive. Feedback was largely positive, with only a small number of areas identified for refinement.
What Worked
100% Completion
Users were able to complete all requested tasks easily & with little assistance.
Clear & Aesthetic Design
Participants described the interface as visually appealing and straightforward to use.
Improved Experience
Users felt the new flows matched or exceeded the quality and usability of the tools they typically interact with.
What Didn't Work
Diffuculty Seeing Instruction Rates
Users had a difficult time finding the rates since they are at the bottom of the page. They didn't know more information was there.
Edit / Cancel Booking Confusion
Users had difficulty finding where to edit or cancel a booking on the account page.
Trouble Finding Account Page
Users also had difficulty finding their account page as it was not accessible from every page.
Priority Revisions
Based on usability testing, I prioritized revisions that addressed the most immediate points of friction. First, I improved the visibility of instruction rates by adding text at the top of the page that said "view rates". I also redesigned the reservation management section to reduce confusion around editing and canceling bookings, making the actions more prominent and easier to understand. Lastly, I updated the navigation to ensure the account page was accessible from anywhere on the site, helping users quickly find and manage their information without unnecessary searching. Together, these updates make the site more intuitive, efficient, and user-friendly.
Before: Unclear where rates are located & poor visibility into availability.
After: Added "View Rates" text to show users that they can click to view rates. Also added information on Instructors next opening.
Before: Edit / Cancel action hidden unless card is clicked, poor visibility led to confusion.
After: Updated cards to make the option to edit / cancel always visible. Before you had click the card.
Before: User is unable to access account dashboard.
After: Added "account" button to all screens accessible when logged in for easy navigation.
DISCOVERY
Mapping the Fairway
I explored how users booked activities online and what information they rely on before visiting a venue. By observing their booking habits and the details they prioritize like pricing, availability, and on-site information, I uncovered gaps that made the process feel unclear or inefficient. These insights informed the redesign, helping create a more intuitive, informative, and seamless experience.
User Interviews
Interviews Conducted
5
Interviews Conducted
5
Demographics
2 Males & 3 Females
Demographics
2 Males & 3 Females
Method
Hybrid In Person & Zoom
Method
Hybrid In Person & Zoom
Key Insights from User Research
To Much Information
Users felt overwhelmed by the amount of content on each page, making it difficult to quickly find the details they needed.
“It just feels like there is so much information on each page that I need to go through to find what I want.”
To Much Information
Users felt overwhelmed by the amount of content on each page, making it difficult to quickly find the details they needed.
“It just feels like there is so much information on each page that I need to go through to find what I want.”
Outdated & Unintuitive
The site’s older layout and unclear navigation patterns made it hard for users to understand where to go or how to complete basic tasks.
"It feels old, and I can’t tell where I’m supposed to go to find what I need."
Outdated & Unintuitive
The site’s older layout and unclear navigation patterns made it hard for users to understand where to go or how to complete basic tasks.
"It feels old, and I can’t tell where I’m supposed to go to find what I need."
Not Accessible
Poor contrast, small text, and missing accessibility considerations created barriers for users with different visual and mobility needs.
“There are so many different colors, fonts & styles, it's honestly a little jarring.”
Not Accessible
Poor contrast, small text, and missing accessibility considerations created barriers for users with different visual and mobility needs.
“There are so many different colors, fonts & styles, it's honestly a little jarring.”
Competitive Analysis
I conducted a competitive analysis of other golf course websites to understand how they present key information and manage online booking processes. By examining their layouts, navigation patterns, and booking flows, I identified approaches that worked well and areas where users often faced friction. These insights helped inform design decisions for the Sterling Farms Golf Course site, guiding improvements to usability, clarity, and the overall booking experience.
Confusing Tee-Time Booking Process
Analysis showed golf websites have confusing tee time booking processes, with unclear steps, hidden options, or inconsistent flows. Users often struggle to find available times, understand pricing, or complete a reservation efficiently, which creates frustration and can lead to abandoned bookings.
Lack Ability To Book Lessons Online
Many golf course websites do not offer the ability to book lessons online, forcing users to call or email to schedule. This creates friction, slows the booking process, and limits convenience, leaving users frustrated and less likely to engage with available instructional offerings.
Affinity Mapping
I created an affinity map to make sense of all the raw research and uncover the patterns hidden beneath individual comments. By clustering user pains, goals, and behaviors, I was able to see which problems surfaced repeatedly and which needs mattered most. This process helped me move from scattered insights to a focused design direction, ensuring that every feature I prioritized directly reflected what real users struggled with and cared about.
DEFINITION
Problem Statements
Inefficient & outdated tee time booking process
Users today are almost always required to book tee-times online. Many golf course websites rely on outdated, unintuitive tee time booking systems. Users struggle to select dates and times and often can’t easily understand which slots are available, leading to frustration and slow bookings. This gap creates a clear opportunity to redesign the experience with modern patterns and clearer information to better support today’s user expectations.
Cannot book lessons online
Golfers consistently want to get better and take lessons. Many golf course websites offer no way to book lessons online, forcing users to call or email to schedule. This creates unnecessary friction, limits convenience, and often leads to dropped interest. This gap presents a strong opportunity to introduce a streamlined, self-service booking flow that aligns with modern user expectations and makes lessons more accessible and engaging.
Persona
Only one persona was necessary for this project, represented by Rob, a busy professional who loves golf and plays whenever he can. Living in a densely populated area with a large community of golfers, Rob relies heavily on local courses, yet their outdated online booking platforms make the experience frustrating. He finds the system cumbersome and unintuitive when trying to reserve tee times, and he also struggles to schedule lessons with the local pro due to the lack of a simple online option. Rob hopes these courses will modernize their websites to make both booking and skill-building easier and more accessible.
Persona: Rob
User Needs & Wants
Easy Booking
Users want to be able to quickly and efficiently reserve tee times online without confusion.
Easy Booking
Users want to be able to quickly and efficiently reserve tee times online without confusion.
Transparent Rates
Users want all pricing, including time based rates and cart fees, to be clear and easy to find.
Transparent Rates
Users want all pricing, including time based rates and cart fees, to be clear and easy to find.
Ability To Book Lessons Online
Users want the ability to conveniently schedule lessons with the pro directly through the site.
Ability To Book Lessons Online
Users want the ability to conveniently schedule lessons with the pro directly through the site.
Clear Information
Users want the essential course details to be presented in a concise, easy to digest format.
Clear Information
Users want the essential course details to be presented in a concise, easy to digest format.
IDEATION
Site Map
Users cited overwhelming information and a confusing layout as major pain points. To address this, I developed a new site map to create a clear, organized, and accessible information architecture.
Site Map
User Flows
I designed two key user flows: one for booking tee times and one for scheduling lessons. Each flow streamlined selection, timing, and confirmation steps to make the online experience more intuitive, efficient, and user-friendly.
User Flow #1: Book Tee Time
User Flow #2: Book Lesson
Low-Fidelity Sketches
After defining the site structure and user flows, I created low-fidelity desktop screens to quickly visualize the layout and hierarchy of key pages. These wireframes allowed me to explore content placement, navigation, and interactive elements early on, gather feedback, and iterate efficiently before moving into higher-fidelity designs.
Early Stage Low-Fidelity Sketches
Mid-Fidelity Screens
After completing and iterating on the low-fidelity screens, I refined the designs and developed mid-fidelity frames. These mid-fidelity screens added more detail, including typography, spacing, and interface elements, while maintaining a focus on usability. This step allowed me to validate layout decisions, improve clarity, and prepare for high-fidelity prototyping.
Frame #1: Available Times | Frame #2: Current Booking | Frame #3: Confirmation | Frame #4: Login
DESIGNS
Branding
To maintain brand recognition and save time, I chose to keep the existing logo. I selected the logo’s dark green as the primary color and built a complementary palette around it, incorporating subtle golf inspired tones to reinforce the theme. For typography, I used Montserrat for headings and larger text, paired with Nunito for smaller text, ensuring a clean, modern look and enhanced readability across the site.
UI Kit
Since this was a brand-new design with no existing UI elements to build from, I developed a comprehensive component library to guide the project. The library included buttons, form fields, navigation elements, cards, icons, and other recurring items, all designed with the chosen color palette and typography in mind. Creating these reusable components not only ensured visual consistency across the site but also allowed me to iterate quickly, test new ideas efficiently, and maintain a consistent look and feel throughout the site.
High-Fidelity Screens
With the mid-fidelity frames completed, I moved into high-fidelity design to bring the visual identity and branding to life. This phase focused on applying the full color palette, typography, component library, and visual details that define the final look and feel. I refined spacing, hierarchy, and interactive elements to ensure the UI felt polished and intuitive. Transitioning to high fidelity allowed me to accurately represent the final product and prepare the designs for prototyping.
Frame #1: Available Tee Times | Frame #2: Current Booking | Frame #3: Dashboard | Frame #4: Confirmation
Tools Used
Key Features
Updated Tee Time Booking
A modernized booking system that allows users to easily reserve a tee time and filter results by date, time, number of golfers, number of holes, and cart availability. This streamlined flow makes finding the right time faster and more intuitive.
Updated Tee Time Booking
A modernized booking system that allows users to easily reserve a tee time and filter results by date, time, number of golfers, number of holes, and cart availability. This streamlined flow makes finding the right time faster and more intuitive.
Book Lessons Online
A dedicated booking experience for individual or group lessons with various golf pros. Users can browse instructors, compare availability, and schedule sessions directly through the site without needing to call or email.
Book Lessons Online
A dedicated booking experience for individual or group lessons with various golf pros. Users can browse instructors, compare availability, and schedule sessions directly through the site without needing to call or email.
Account Dashboard
A personalized dashboard where users can manage payment methods, view past and upcoming bookings, and cancel future reservations. This centralized hub gives users full control over their activity and simplifies account management.
Account Dashboard
A personalized dashboard where users can manage payment methods, view past and upcoming bookings, and cancel future reservations. This centralized hub gives users full control over their activity and simplifies account management.
Price Transparency
Green fees update in real time based on the user’s selections, allowing golfers to instantly see accurate pricing as they adjust factors like date, time, number of holes, and cart options. This clarity helps users make informed decisions without navigating multiple pages or guessing costs.
Price Transparency
Green fees update in real time based on the user’s selections, allowing golfers to instantly see accurate pricing as they adjust factors like date, time, number of holes, and cart options. This clarity helps users make informed decisions without navigating multiple pages or guessing costs.
TESTING
Usability Testing
I ran five usability tests using an interactive Figma prototype, with each session lasting around 30 minutes. Participants were able to complete all tasks smoothly, indicating that the overall flow and interactions felt intuitive. Feedback was largely positive, with only a small number of areas identified for refinement.
What Worked
100% Completion
Users were able to complete all requested tasks easily & with little assistance.
100% Completion
Users were able to complete all requested tasks easily & with little assistance.
Clear & Aesthetic Design
Participants described the interface as visually appealing and straightforward to use.
Clear & Aesthetic Design
Participants described the interface as visually appealing and straightforward to use.
Improved Experience
Users felt the new flows matched or exceeded the quality and usability of the tools they typically interact with.
Improved Experience
Users felt the new flows matched or exceeded the quality and usability of the tools they typically interact with.
What Didn't Work
Diffuculty Seeing Instruction Rates
Users had a difficult time finding the rates since they are at the bottom of the page. They didn't know more information was there.
Diffuculty Seeing Instruction Rates
Users had a difficult time finding the rates since they are at the bottom of the page. They didn't know more information was there.
Edit / Cancel Booking Confusion
Users had difficulty finding where to edit or cancel a booking on the account page.
Edit / Cancel Booking Confusion
Users had difficulty finding where to edit or cancel a booking on the account page.
Trouble Finding Account Page
Users also had difficulty finding their account page as it was not accessible from every page.
Trouble Finding Account Page
Users also had difficulty finding their account page as it was not accessible from every page.
Priority Revisions
Based on usability testing, I prioritized revisions that addressed the most immediate points of friction. First, I improved the visibility of instruction rates by adding text at the top of the page that said "view rates". I also redesigned the reservation management section to reduce confusion around editing and canceling bookings, making the actions more prominent and easier to understand. Lastly, I updated the navigation to ensure the account page was accessible from anywhere on the site, helping users quickly find and manage their information without unnecessary searching. Together, these updates make the site more intuitive, efficient, and user-friendly.
Before: Unclear where rates are located & poor visibility into availability.
After: Added "View Rates" text to show users that they can click to view rates. Also added information on
Instructors next opening.
Before: Edit / Cancel action hidden unless card is clicked, poor visibility led to confusion.
After: Updated cards to make the option to edit / cancel always visible. Before you had click the card.
Before: User is unable to access account dashboard.
After: Added "account" button to all screens accessible when logged in for easy navigation.
TESTING
Usability Testing
I ran five usability tests using an interactive Figma prototype, with each session lasting around 30 minutes. Participants were able to complete all tasks smoothly, indicating that the overall flow and interactions felt intuitive. Feedback was largely positive, with only a small number of areas identified for refinement.
What Worked
100% Completion
Users were able to complete all requested tasks easily & with little assistance.
100% Completion
Users were able to complete all requested tasks easily & with little assistance.
Clear & Aesthetic Design
Participants described the interface as visually appealing and straightforward to use.
Clear & Aesthetic Design
Participants described the interface as visually appealing and straightforward to use.
Improved Experience
Users felt the new flows matched or exceeded the quality and usability of the tools they typically interact with.
Improved Experience
Users felt the new flows matched or exceeded the quality and usability of the tools they typically interact with.
What Didn't Work
Diffuculty Seeing Instruction Rates
Users had a difficult time finding the rates since they are at the bottom of the page. They didn't know more information was there.
Diffuculty Seeing Instruction Rates
Users had a difficult time finding the rates since they are at the bottom of the page. They didn't know more information was there.
Edit / Cancel Booking Confusion
Users had difficulty finding where to edit or cancel a booking on the account page.
Edit / Cancel Booking Confusion
Users had difficulty finding where to edit or cancel a booking on the account page.
Trouble Finding Account Page
Users also had difficulty finding their account page as it was not accessible from every page.
Trouble Finding Account Page
Users also had difficulty finding their account page as it was not accessible from every page.
Priority Revisions
Based on usability testing, I prioritized revisions that addressed the most immediate points of friction. First, I improved the visibility of instruction rates by adding text at the top of the page that said "view rates". I also redesigned the reservation management section to reduce confusion around editing and canceling bookings, making the actions more prominent and easier to understand. Lastly, I updated the navigation to ensure the account page was accessible from anywhere on the site, helping users quickly find and manage their information without unnecessary searching. Together, these updates make the site more intuitive, efficient, and user-friendly.
Before: Unclear where rates are located & poor
visibility into availability.
After: Added "View Rates" text to show users that
they can click to view rates. Also added information
on Instructors next opening.
Before: Edit / Cancel action hidden unless card is
clicked, poor visibility led to confusion.
After: Updated cards to make the option to edit
/ cancel always visible. Before you had click the
card.
Before: User is unable to access account
dashboard.
After: Added "account" button to all screens
accessible when logged in for easy navigation.
Prototype
Prototype
Bringing It To Life
Bringing It To Life
Interactive Prototype
Time to hit the links — check out the interactive prototype!
Bringing It To Life
Interactive Prototype
Time to hit the links — check out the interactive prototype!
COnclusion
Key Takeaways, Learnings & Next Steps
Takeaways
This project reinforced the importance of designing with both usability and accessibility in mind. Users consistently highlighted issues with cluttered screens, confusing flows, and inaccessible content, which emphasized the value of clear information architecture and intuitive task flows. Additionally, including participants with varying levels of golf knowledge revealed the necessity of designing for all users, not just experts, and confirmed the critical role of confirmation notifications in building user confidence.
What I Learned
This was my first time designing for desktop, and it taught me a lot about layout, scale, and spacing. I learned how consistent margins and component sizing across screens improve readability and create a more cohesive experience. Observing users interact with the prototype showed how even small adjustments to spacing and hierarchy can make tasks feel smoother and more intuitive, reinforcing the importance of testing and iteration at this larger scale.
Next Steps
Future work could expand the scope of the redesign to include additional pages like the course history, photo galleries, and scorecards. I also plan to continue refining the high-fidelity prototype based on ongoing usability testing and feedback, and explore implementing the component library in development to ensure consistency and scalability across the site. Monitoring user behavior will provide further insights for iterative improvements.
CONclusion
Key Takeaways, Learnings & Next Steps
Takeaways
This project reinforced the importance of designing with both usability and accessibility in mind. Users consistently highlighted issues with cluttered screens, confusing flows, and inaccessible content, which emphasized the value of clear information architecture and intuitive task flows. Additionally, including participants with varying levels of golf knowledge revealed the necessity of designing for all users, not just experts, and confirmed the critical role of confirmation notifications in building user confidence.
What I Learned
This was my first time designing for desktop, and it taught me a lot about layout, scale, and spacing. I learned how consistent margins and component sizing across screens improve readability and create a more cohesive experience. Observing users interact with the prototype showed how even small adjustments to spacing and hierarchy can make tasks feel smoother and more intuitive, reinforcing the importance of testing and iteration at this larger scale.
Next Steps
Future work could expand the scope of the redesign to include additional pages like the course history, photo galleries, and scorecards. I also plan to continue refining the high-fidelity prototype based on ongoing usability testing and feedback, and explore implementing the component library in development to ensure consistency and scalability across the site. Monitoring user behavior will provide further insights for iterative improvements.
Conclusion
Key Takeaways, Learnings & Next Steps
Takeaways
This project reinforced the importance of designing with both usability and accessibility in mind. Users consistently highlighted issues with cluttered screens, confusing flows, and inaccessible content, which emphasized the value of clear information architecture and intuitive task flows. Additionally, including participants with varying levels of golf knowledge revealed the necessity of designing for all users, not just experts, and confirmed the critical role of confirmation notifications in building user confidence.
What I Learned
This was my first time designing for desktop, and it taught me a lot about layout, scale, and spacing. I learned how consistent margins and component sizing across screens improve readability and create a more cohesive experience. Observing users interact with the prototype showed how even small adjustments to spacing and hierarchy can make tasks feel smoother and more intuitive, reinforcing the importance of testing and iteration at this larger scale.
Next Steps
Future work could expand the scope of the redesign to include additional pages like the course history, photo galleries, and scorecards. I also plan to continue refining the high-fidelity prototype based on ongoing usability testing and feedback, and explore implementing the component library in development to ensure consistency and scalability across the site. Monitoring user behavior will provide further insights for iterative improvements.
