Beacon Aesthetics
Redesign
Beacon Aesthetics
Redesign
Come along with Manuela to re-design and focus on improving the usability of the site and making the experience more open and user friendly to increase user engagement!
Project Overview | Simplified Case Study
Beacon Aesthetics Background
Beacon Aesthetics is a local holistic facial spa where they offer a plethora of treatments and help you celebrate the beauty of your skin! They offer many facials that solely focus around Sculpting, Restorative and Full Body Rejuvenation.
I wanted to create a challenge where I find different websites to re-design but ensure I focus on their story and what they're trying to achieve.
Beacon Aesthetics is a local holistic facial spa where they offer a plethora of treatments and help you celebrate the beauty of your skin! They offer many facials that solely focus around Sculpting, Restorative and Full Body Rejuvenation.
I wanted to create a challenge where I find different websites to re-design but ensure I focus on their story and what they're trying to achieve.
Timeline
Timeline
February 2026
February 2026
Team Members
Team Members
Manuela Mensah
Manuela Mensah
Role
Role
UI/UX Designer
User Experience Researcher
UI/UX Designer
User Experience Researcher
Tools
Tools
Figma
Figma
Beacon Aesthetics Navigation
Research | Interviewing users
When first accessing this website, I wanted to ask the target audience for their thoughts on the site and what they liked/disliked or found interesting.
When first accessing this website, I wanted to ask the target audience for their thoughts on the site and what they liked/disliked or found interesting.
1.
Wants to see more action items that draw their attention.
Facials and the headers are roughly the same size. There doesn't seem to be a distinction apart from the "Learn More" buttons.
Wasn't too fond of the overall fonts and color scheme.
Wants to see more action items that draw their attention.
Facials and the headers are roughly the same size. There doesn't seem to be a distinction apart from the "Learn More" buttons.
Wasn't too fond of the overall fonts and color scheme.
Wants to see more action items that draw their attention.
Facials and the headers are roughly the same size. There doesn't seem to be a distinction apart from the "Learn More" buttons.
Wasn't too fond of the overall fonts and color scheme.
2.
The important information on the site feels separated from everything else. Finding the learn more button was difficult.
Became confused with the facials listed as a heading since there wasn't a Learn More button below that section similar to the other features listed
The important information on the site feels separated from everything else. Finding the learn more button was difficult.
Became confused with the facials listed as a heading since there wasn't a Learn More button below that section similar to the other features listed
The important information on the site feels separated from everything else. Finding the learn more button was difficult.
Became confused with the facials listed as a heading since there wasn't a Learn More button below that section similar to the other features listed
3.
The overall site felt organized and pleasant to look at. They found it easy to navigate and wanted a way for others to look at the reviews from customers.
Preferred having the prices listed on the main page so they don't have to directly click on the product to find out.
The overall site felt organized and pleasant to look at. They found it easy to navigate and wanted a way for others to look at the reviews from customers.
Preferred having the prices listed on the main page so they don't have to directly click on the product to find out.
The overall site felt organized and pleasant to look at. They found it easy to navigate and wanted a way for others to look at the reviews from customers.
Preferred having the prices listed on the main page so they don't have to directly click on the product to find out.
4.
Wanted to ensure the capitalization for the buttons is consistent throughout the whole page.
Prioritize the benefits and a drop down since it's a lot of text to intake.
Wanted to ensure the capitalization for the buttons is consistent throughout the whole page.
Prioritize the benefits and a drop down since it's a lot of text to intake.
Wanted to ensure the capitalization for the buttons is consistent throughout the whole page.
Prioritize the benefits and a drop down since it's a lot of text to intake.
Research | Interviewing users
Screenshots from Beacon Aesthetics Webpage
Screenshots from Beacon Aesthetics Webpage
Understanding our target users | Research
Understanding our target users | Research
After gathering input from users that would utilize the site I wanted to look into other sites to fully understand their competition to see what is driving users to the site and increasing engagement?
After gathering input from users that would utilize the site I wanted to look into other sites to fully understand their competition to see what is driving users to the site and increasing engagement?
Data Overview | Research
Data Overview | Research
After researching and reviewing what users liked and wanted to see change I took notes regarding aesthetics and what would gain more traction to users.
After researching and reviewing what users liked and wanted to see change I took notes regarding aesthetics and what would gain more traction to users.
Quick Notes
Colors fail contrast checker
Site is flushed, the button to Book Now is pushed towards the right
You want a tagline to get users attention
"Celebrate the Beauty of Your Skin, Welcome to Beacon Aesthetics"
Quick Notes
Colors fail contrast checker
Site is flushed, the button to Book Now is pushed towards the right
You want a tagline to get users attention
"Celebrate the Beauty of Your Skin, Welcome to Beacon Aesthetics"
Content:
When coming across a page a user wants simple explanations about what the company provides
Focus on labeling each section, maybe a brief sentence about what it is
Your homepage says a lot about your business and what you want to sell.
Content:
When coming across a page a user wants simple explanations about what the company provides
Focus on labeling each section, maybe a brief sentence about what it is
Your homepage says a lot about your business and what you want to sell.
Testimonials
Want to move it up so users know more about how your product works
Make the boxes smaller for people to view, add stars maybe?
Bold and highlight important words that might stick out to users
Footer:
Adjust the Font colors
Testimonials
Want to move it up so users know more about how your product works
Make the boxes smaller for people to view, add stars maybe?
Bold and highlight important words that might stick out to users
Footer:
Adjust the Font colors
Sketches | Design process
Sketches | Design process
When designing the sketches I wanted to ensure the users had a sense of familiarity when accessing the webpage. I focused on looking for inspiration from different websites to ensure that what the users wanted when first accessing is present.
When designing the sketches I wanted to ensure the users had a sense of familiarity when accessing the webpage. I focused on looking for inspiration from different websites to ensure that what the users wanted when first accessing is present.
Gryascale Wireframes | Design Process
Gryascale Wireframes | Design Process
After designing grayscale wireframes I began to combine certain pieces that worked well with one another to create the final design.
When designing the sketches I wanted to ensure the users had a sense of familiarity when accessing the webpage. I focused on looking for inspiration from different websites to ensure that what the users wanted when first accessing is present.
Finalized Design | Iteration + Reflection
Finalized Design | Iteration + Reflection
Below is one of the three finalized designs I created after feedback I received from user testing.
Below is one of the three finalized designs I created after feedback I received from user testing.
When designing I focused on ensuring to give Beacon Aesthetics a re-design that feels welcoming to the user. I wanted the user to get the feeling that this brand has so much to offer for clients. I focused on ensuring the most important aspects are legible to the user.
When designing I focused on ensuring to give Beacon Aesthetics a re-design that feels welcoming to the user. I wanted the user to get the feeling that this brand has so much to offer for clients. I focused on ensuring the most important aspects are legible to the user.
Before
Manuela's Re-Design
User Testing| Iteration + Reflection
User Testing| Iteration + Reflection
After designing the final home page I had users test to see what they like/dislike about the site.
After designing the final home page I had users test to see what they like/dislike about the site.
The initial font utilized feels juvenile, and the quote between the services and products feels out of place.
The initial font utilized feels juvenile, and the quote between the services and products feels out of place.
The initial font utilized feels juvenile, and the quote between the services and products feels out of place.
The header regarding the new location feels very thick and takes up too much space.
The header regarding the new location feels very thick and takes up too much space.
The header regarding the new location feels very thick and takes up too much space.
The BG color for the menu is too minty and bright compared to the rest of the site.
The BG color for the menu is too minty and bright compared to the rest of the site.
The BG color for the menu is too minty and bright compared to the rest of the site.
Didn't like the testimonials being different size boxes, the original testimonials looked fine.
Didn't like the testimonials being different size boxes, the original testimonials looked fine.
Didn't like the testimonials being different size boxes, the original testimonials looked fine.
The minty green feels outdated compared to the rest of the site.
The minty green feels outdated compared to the rest of the site.
The minty green feels outdated compared to the rest of the site.
User Testing| Iteration + Reflection
User Testing| Iteration + Reflection
After receiving feedback I ensured to take note of the comments I received from potential users.
After receiving feedback I ensured to take note of the comments I received from potential users.
I focused on utilizing a color that was more cohesive throughout the entire site instead of having multiple colors displayed in different areas.
I focused on utilizing a color that was more cohesive throughout the entire site instead of having multiple colors displayed in different areas.
I focused on utilizing a color that was more cohesive throughout the entire site instead of having multiple colors displayed in different areas.
I focused on reducing the content in the header to not be as thick, and focused on adding a profile and shopping cart for users to access their profile and view items they'd like to purchase.
I focused on reducing the content in the header to not be as thick, and focused on adding a profile and shopping cart for users to access their profile and view items they'd like to purchase.
I focused on reducing the content in the header to not be as thick, and focused on adding a profile and shopping cart for users to access their profile and view items they'd like to purchase.
Adjusted the font in the services section to ensure it is legible for the user and isn't difficult to read.
Adjusted the font in the services section to ensure it is legible for the user and isn't difficult to read.
Adjusted the font in the services section to ensure it is legible for the user and isn't difficult to read.
I focused on changing the testimonials to be similar to the original site to make it easier for viewers to see what other reviews have to say.
I focused on changing the testimonials to be similar to the original site to make it easier for viewers to see what other reviews have to say.
I focused on changing the testimonials to be similar to the original site to make it easier for viewers to see what other reviews have to say.
Conclusion | Reflection
Conclusion | Reflection
Re-designing a website given the time constraints was something I wanted to look into tackling. I had a lot of fun working on this project and would want to work on re-designing the entire website apart from just the home-page.
Taking on this project allowed me to learn more about working alongside the spa industry and what they have to offer. I would love to reach out to the team to create and re-design their webpage to gain traction to their site.
Re-designing a website given the time constraints was something I wanted to look into tackling. I had a lot of fun working on this project and would want to work on re-designing the entire website apart from just the home-page.
Taking on this project allowed me to learn more about working alongside the spa industry and what they have to offer. I would love to reach out to the team to create and re-design their webpage to gain traction to their site.
Re-designing a website given the time constraints was something I wanted to look into tackling. I had a lot of fun working on this project and would want to work on re-designing the entire website apart from just the home-page.
Taking on this project allowed me to learn more about working alongside the spa industry and what they have to offer. I would love to reach out to the team to create and re-design their webpage to gain traction to their site.
Ready to Connect?
If you liked any of the projects you viewed and want to discuss more please don't hesitate to reach out!
© 2026 Manuela Mensah
Ready to Connect?
If you liked any of the projects you viewed and want to discuss more please don't hesitate to reach out!
© 2026 Manuela Mensah
Ready to Connect?
If you liked any of the projects you viewed and want to discuss more please don't hesitate to reach out!
© 2026 Manuela Mensah