seulghi

web design: brandy melville

I like to redesign websites for brands I like as a way to practice and improve my skills. Brandy Melville produces a lot of visual content, but I don't think their website showcases it in the best way. Their site feels a bit outdated for such a youthful brand. My goal wasn't to do a complete overhaul of the site, but instead to update and improve it. I wanted to maintain the brand guidelines so I kept the fonts and colors the same. 

BM_MockUp_3Devices.jpg
BM_MockUp_Desktop.jpg
 I redesigned the homepage, product description page, and product grid page. For the homepage, I really wanted to focus on the lifestyle imagery, but also direct customers to the New Arrivals collection. In addition, Brandy Melville is really active on social media, but you wouldn't be able to tell from their current website. So I added a "Connect With Us" section at the bottom of the homepage with their social media channels.

I redesigned the homepage, product description page, and product grid page. For the homepage, I really wanted to focus on the lifestyle imagery, but also direct customers to the New Arrivals collection. In addition, Brandy Melville is really active on social media, but you wouldn't be able to tell from their current website. So I added a "Connect With Us" section at the bottom of the homepage with their social media channels.

 While shopping on their site, I found it difficult to locate the different color choices for products on their product description pages (PDP). The site currently uses "tabs" to switch between different pieces of information on their PDPs, which is a bit unusual for retail sites (and looks outdated). So instead, I laid everything out on the same page and added color swatches. 

While shopping on their site, I found it difficult to locate the different color choices for products on their product description pages (PDP). The site currently uses "tabs" to switch between different pieces of information on their PDPs, which is a bit unusual for retail sites (and looks outdated). So instead, I laid everything out on the same page and added color swatches. 

 I added collection banners/headers to the product grid page. Personally, I am more encouraged to purchase when I see lifestyle/editorial images throughout the site, not just on the homepage. I spend more time browsing the product grid pages than the homepage so it makes sense to include lifestyle/editorial images there as well. I also noticed that Brandy Melville's product images often show the entire outfit, so it can get a little confusing figuring out what they are trying to sell you (pants? top? set?). Collection banners help indicate which product category you are currently browsing in, especially when you have a lot of categories like Brandy Melville does. Oh and I added a "Sort By" feature, which I think is one of the most important features when shopping online.  

I added collection banners/headers to the product grid page. Personally, I am more encouraged to purchase when I see lifestyle/editorial images throughout the site, not just on the homepage. I spend more time browsing the product grid pages than the homepage so it makes sense to include lifestyle/editorial images there as well. I also noticed that Brandy Melville's product images often show the entire outfit, so it can get a little confusing figuring out what they are trying to sell you (pants? top? set?). Collection banners help indicate which product category you are currently browsing in, especially when you have a lot of categories like Brandy Melville does. Oh and I added a "Sort By" feature, which I think is one of the most important features when shopping online.  

 After I finished the desktop designs, I made mobile versions for each page. Brandy Melville currently does not have a mobile-friendly website (their drop down menus are a pain to navigate on mobile) so I thought it was important to include mobile designs as well. The biggest change from desktop to mobile is probably in the PDP where the information is laid out vertically. 

After I finished the desktop designs, I made mobile versions for each page. Brandy Melville currently does not have a mobile-friendly website (their drop down menus are a pain to navigate on mobile) so I thought it was important to include mobile designs as well. The biggest change from desktop to mobile is probably in the PDP where the information is laid out vertically. 

PDP on Mobile.png
Home Mobile.png
 Working on both the Marketing and Design teams at True&Co. taught me to think about things like conversion and optimizing for mobile so it was cool to put that knowledge to use as I redesigned Brandy Melville's site.  I definitely want to work on more web design and grow my HTML/CSS skills so I'll probably be posting more personal projects soon!   

Working on both the Marketing and Design teams at True&Co. taught me to think about things like conversion and optimizing for mobile so it was cool to put that knowledge to use as I redesigned Brandy Melville's site.

I definitely want to work on more web design and grow my HTML/CSS skills so I'll probably be posting more personal projects soon!