top of page
SocialÂ
Media
The process behind The Beauty and the Beach Spa redesign!
The Problem
Â
I was asked to help redesign a facebook site that was old and outdated. The page didn’t align with the brand and the owner wanted a refresh!
The Solution
Brighten up the page and add design elements that help enhance the brand's personality and values!
Background
I was asked to help refresh and rebrand Beauty and the Beach Spa's Facebook page. Wioletta had a very specific vision of what she wanted the page to look like. She didn't like the dark and dated feel of her old page and gave me a list of requirements for the new page:Â
​​
-
No complicated designs or logo.
-
Add a price list, there is currently nowhere online where people can view what services are offered and how much she charges.
-
The current page feels too dark and dated. We wanted to aim for a lighter, cleaner, warm vibe that feels professional friendly and welcoming.
-
Informational piece of content advertising the products she sells.
-
Ensure the new page with be easy to maintain (as she will be running the page once the redesign is over).
-
Eliminate the current photos and find new ones that fit with the new vision.
Research
I scoured Facebook to browse other spa pages to see what current business pages looked like. I found others used a combination of collage photos and graphics for their banners, logos for their profile photo and utilized videos + graphics to help promote their brand and special offers/deals.
Understanding stakeholder goals and user needs
Wioletta uses this page as the spa’s website. She said her goal is to send all her current clients to the page for new deals/offers, updates and product launches. She wanted the user experience to be as easy as possible for everyone including herself (who will be running the page) and her clients (keeping in mind those who are less familiar with technology).Â
Ideation
I knew I had to keep this design as simple as possible. In my mind that meant making all the information easily accessible and out in the open. I didn’t want any of the users going to look for information.
Design
The main challenge of this project was the lack of visuals I had to work with. All the old photos were stock that Wioletta didn't want. I had a quick turnaround time for this project and no access to the spa so I decided to curate imagery online that had the same feel that Wioletta had previously described.
With the design brief in mind I focused on:
-
Readable font for accessibility and clarity purposes.
-
Simple, clean visuals to emphasize the professional and clean feel.
-
Bright, warm, neutral colours ensuring light welcoming feel.
Wioletta didn't want a logo or graphic as the spa’s profile photo so I thought a photo of herself would be the best option. This lets clients know right away who she is and adds to the personable, welcoming feel she wanted to communicate.
The price lists came next and I kept both designs simple. I came up with simple copy for the captions and posted them to the page. I decided to pin them at the top for easy access but to also have a design element on the page. Facebook doesn't offer much creative control when it comes to the overall layout and user interface so I thought using these graphics can be an informational element alongside a web design element. Next came the Dr. Spiller informational ad, I added more colour to this design so that we could bring in some of the warmth that was lacking from the price lists.
We also included a shorter price list on the left side of the page that displayed the spa's most popular services. I thought this would be easy for a user who is coming to the site for a quick glance. They can get easy access to popular information right away and get a sense if these services are right for them and their budget. To finish up I did some behind the scenes admin work like updating her new location and contact information!
Testing and Iterations
We used a small test group to test the first iteration of the page and the overall feedback was positive! The one thing that multiple users noted was that the contact information was too far down on the page which required a lot of scrolling. Unfortunately Facebook has a fixed design layout for the side bar so I couldn’t manually move it up above the fold. I had to come up with a creative solution and I realized we could add all that information up top in the top description bar of the page. This way it is one of the first pieces of information clients see!
.png)
Results and Final Thoughts
Wioletta was very pleased with the final results! We have come to the agreement that I will continue to help create graphics and promotional content for her page while she will run the overall admin, copywriting and posting! This was my first branding redesign project and I am very pleased with how the whole page came together!
bottom of page