Monday, 25 March 2019

Website Re-Brand Mockups

Furthermore, for the re-brand of Wet n Wild, I have also decided to re-design/brand the website pages that come up when a customer goes to purchase one of the 4 products that I am re-branding the packaging for. I felt that this extra element ties in well with the re-brand of Wet n Wild and with the individual products that I am re-branding the packaging for. Additionally, the website for Wet n Wild also doesn't have a very strong UI so I felt that this was also an element that they also needed to re-branding.

Furthermore, I changed the website page for each individual product to look a lot more minimal, clean and professional. The current page that Wet n Wild provide for viewing individual product uses too many different typeface faces, colour and irrelevant details such as pop up elements (share links, extra unnecessary information, sale ads etc).

For the re-brand I have limited the information to what is actually needed:

  • Wet n Wild logo
  • The product description (taken from the Wet n Wild webpage for the individual product)
  • The shades and names
  • Price
  • Image
  • Section within the website that it is under


Wet n Wild current product viewing webpage (MegaSlicks lipgloss)

My webpage re-design for the product above (MegaSlicks lipgloss)

Below shows two variations for the highlighter stick and foundation that I have re-branded the packaging for. The difference is in the images, I think I prefer the design which uses a swatch of the shade rather than the image of the actual product.

An image of the swatch is also more relevant as I don't actually have the product to re-brand which is a limitation for me, I am focusing more on the packaging of the product- which would obviously be applied to the product if the re-brand were to actually happen and if I had access to the actual physical products.

Highlighter stick:

Highlighter stick (product image version)

Highlighter stick (swatch image version)

Foundation:

Foundation (product image version)

Foundation (swatch image version)

Additionally, the swatch images are actually taken from the Wet n Wild website- the images that they actually use for these products.

Below shows the webpage re-design for the MegaVolume mascara:

No comments:

Post a Comment