Challenge
Rhode is a beauty brand founded by Hailey Bieber, who is a well known personality in mainstream media. This brand was launched in 2022 with a serum, moisturizer, and lip balms. As the company grows and new products get released in hopes of drawing in more customers than it already is, it’s important to remember that the only way to purchase any product is online.
Click on the link to explore the current Rhode website -> https://www.rhodeskin.com/
The challenge here is to redesign the website whilst keeping in mind the key stylistic elements and ensuring that the user journey is as efficient as possible.
Quick look @ Solution
To make this an efficient experience for you, I have included a quick look at my Rhode website redesign screens below. After taking a look at the prototype, get ready to buckle up because you are about to partake in a reading journey that lets you get a closer look at my design process!
*downloadable links to the full screens below that you can zoom into will be available in the conclusion
DNA of the Brand
The values upon which this business has been built on are the following: Simplicity, Affordability, Authenticity, Quality, and Transparency. These are what help make up the DNA of the brand. The goal is to make the business to grow as much as possible by utilizing scientifically proven formulas and maintaining a minimal footprint whilst keeping the desired values in mind. The identity of Rhode should not only be conveyed through the products, but also through the stylistic elements that make up the online store site.
Comparative Analysis
The first step to deciding on what elements I would like to include in the Rhode website redesign, it’s important to look at the industry and see what features other successful celebrity founded beauty brands are executing in their Beauty E-commerce Websites. It is important to note that the top three beauty brands currently founded by celebrities are Fenty Beauty, Kylie Cosmetics, and Rare Beauty in that order.
Click on each of the three brand images below to access my feature analysis on each:
Now that you’ve taken a look at each of the site analyses by clicking each of the images above, it’s time for our next step! We want the re-design of Rhode’s site to be as user friendly as possible and strategic in terms of layout so that consumers will stay interested in the displays and be tempted to purchase the products. What better way is there than to put together a list of features pulled from the top three beauty brands’ sites that would be make the Rhode Site more competitive in the e-commerce beauty industry?
What to include in the Rhode Redesign
1. Scrolling Feature (Up and Down)
2. Eight main tabs - Drop down menu for ‘Shop’
Shop
Hailey
Face
Lip
Search
Account
Wishlist
Cart
3. Mini tags on products (ie. Best Seller, New, etc.)
4. Column Grid Format throughout
5. Influencer/Social Media content section utilizing products
6. Wishlist sidebar feature
7. Each product window must have the info below at the least
Price
Product Name
Product Description
Add to Wishlist
Add to Cart
Virtual Try On (for Lip Tints only)
8. Influencer/Social Media content section on Home Page
9. Virtual Try On for Peptide Lip Tints Section on Home Page
10. Check out New Lip Tint Release - Home Page banner section
11. Rhode Rizz Pickz - Home Page Section
12. Rhode Routine - Home Page Section
Cleanse
Prep
Glaze
Treat
Restore
Kits
13. Sort and Filter Feature on product display pages (ie. ‘Shop All’ page)
14. Cart Sidebar feature
15. ‘Hailey’ page that includes brand motto and foundation info
16. Left and Right arrows
17. ‘Futures Foundation’ section on Home Page
18. ‘Search’ drop down bar with suggestions displayed
19. Product display pages including after-hover image switches
20. Expanding array of colors used in site whilst keeping the minimalistic theme in mind
21. At least two fonts used consistently
I’ve decided to create a mood board to better communicate the inspirations and feel of the redesign I would like to execute! This was a really fun part of the design process as I let my creativity flow and snipped element designs that really grabbed my eye without worrying about plausibility. It’s best not to have anything restrict your brainstorming session!
After-clicking on ‘Shop All’
After-hovering on product info bar
After-hovering on product image
After-clicking on product
After-clicking on ‘Hailey’
Users to Target
Rhode Mood Board
Conclusion
After-hovering/clicking on ‘Search’ - drop down menu
Sources
After hovering/clicking on ‘Shop’ - drop down menu
The target audience chosen for this re-design is the Generation Z of the United States of America as they love to follow trends and stay in the know. According to my research, the largest chunk of the customers of Rhode are in fact Gen Z. My goal is to draw in even more users from this particular target group by re-designing the Rhode website in a way that appeals to those who heavily consume social media. Another thing to note is that the values of the brand that are stated in the site also align with this target audience’s views.
Feel free to check out my sources at the very bottom of this page.
Design Process
Home Screen
Rhode’s site displayed less products/windows per scroll as opposed to Fenty Beauty, Kylie Cosmetics, and Rare Beauty. I will make sure to have more than double of the products displayed per scroll in the redesign than in the original as I want the user’s to have a more efficient experience in browsing.
Instead of sticking to the all grey and white scale that is consistent throughout the current Rhode website, I have decided to add some black along with slightly muted green, brown, and red colors throughout the site just like the other beauty brands’ sites. Pops of color attract the eye and keep the user engaged to interact with the site even more. Whilst keeping a grey base background like the original site, I decided to add a subtle cream texture layer on top to make it give off more dimension visually.
A new design element I wanted to incorporate throughout the site to alter the vibe of the website, is frame work designs (ie. photographic elements). Implementing such an element would give off a subtle magazine-esque aesthetic that has the visual potential to let users understand that the brand is hand in hand with the current trends.
When conducting the competitive analysis for the three top celebrity founded beauty brands, I noticed that there is a greater focus on the celebrity herself. As inspired by the competitors, I will include a screen called ‘Hailey’ that will be her about page in a way. That screen will include a picture of herself, her personalized message, socials, and a horizontal list of clickable images that each represent different info/page routes (ie. Futures Foundation info can be found here). Hailey Bieber as a celebrity is so that people will be even more influenced to see what else the social media star has to offer, so increasing her presence throughout the site visually is beneficial.
Like other beauty brands, the use of content of other influencers trying out the products helps promote the brand even more and helps users see even more as to how on trend Rhode’s products really are.
At the bottom of the home page, I would like to create a more user friendly section that doesn’t overwhelm the user with unnecessary text but one that still manages to provide them with the info required.
Also, I will be obtaining still shots of Hailey Bieber from Google and doctor them in Figma to create my desired pieces for the site. My goal is to make sure the photographs utilized are serving a purpose and are visually balanced with the other stylistic elements in the website.
At the bottom of the home page, I would like to create a more user friendly section that doesn’t overwhelm the user with unnecessary text but one that still manages to provide them with the info required.
The screens I would like to redesign and showcase are the following: Home Screen (full), ‘Wishlist’ Sidebar, ‘Cart’ Sidebar, ‘Hailey’ Screen, ‘Shop’ tab drop down after-hover, ‘Search’ tab drop down, ‘Shop All’ screen after-clicking on option, product after-click screen, and a ‘Shop All’ screen showcasing image switches when hovering over product and info bar.
Please note that will be utilizing two different fonts (listed in Mood Board) consistently throughout the site - which is also a common practice amongst the top three beauty brand e-commerce websites. The sizing depends on the purpose of the text (ie. header, paragraph, main bar logo, etc.) and is varied intentionally.
Although filter and sort features are available on product display pages (ie. ‘Shop All’ screen), I wanted there to be another way to make the process of finding a desired product quicker. This is why I have included categories (horizontal clickable image-lists) that will be showcased in the Home Screen along and in the drop down menus as I want the user to have an efficient shopping experience. Another perk of having these categorized options is that they provide users with the information that there are other products on this site that they might want to check out later.
When finalizing the re-design, I made sure to focus on improving overall user experience and making sure to maintain the brand’s DNA while introducing new elements that simply enhance the identity of the brand. All of the changes made were purposeful and inspired by the successful features utilized in Fenty Beauty, Kylie Cosmetics, and Rare Beauty. There is consistency in terms of font, display format, use of arrows, lists, and more.
Feel free to click on the images to download and zoom into!
After-clicking on ‘Cart’
After-clicking on ‘Wishlist’
https://www.rhodeskin.com/
https://kyliecosmetics.com/
https://www.rarebeauty.com/
https://fentybeauty.com/
https://www.popsugar.com/beauty/hailey-bieber-rhode-beauty-details-48611581
https://www.voguebusiness.com/beauty/hailey-bieber-beauty-brand-rhode-plots-global-expansion
https://www.forbes.com/sites/karineldor/2023/09/21/hailey-biebers-breakthrough-beauty-brand-rhode-expands-with-a-new-category-and-new-market-entry/?sh=5c4e0a92f41f
https://www.thelist.com/828557/everything-we-know-about-hailey-biebers-beauty-brand-rhode/
https://www.businessoffashion.com/articles/beauty/fenty-beauty-vs-kylie-cosmetics-the-race-to-a-billion-dollar-brand/
https://www.statista.com/forecasts/1340138/fenty-beauty-cosmetics-and-make-up-brand-profile-in-the-united-states
https://www.statista.com/forecasts/1340114/rare-beauty-cosmetics-and-make-up-brand-profile-in-the-united-states
https://www.statista.com/forecasts/1340107/kylie-cosmetics-cosmetics-and-make-up-brand-profile-in-the-united-states
https://onilab.com/blog/ecommerce-website-redesign
https://uxmag.com/articles/functional-beauty-and-user-experience