Pampers.com

During my stay at Nomads, I was working together with an art director and a Ux designer in the design of the new Pampers website. We developed a helpful platform that gave moms worldwide useful tips and insights. The new Pampers.com supports parents by providing useful, relevant information and products. It is designed to be simple, clear, and approachable, building equity for the brand and giving the user the best Pampers experience possible. It was launched in 47 markets in 2014.

Client: Pampers. Nomads agency
Date: 1 December, 2014
:

The whole website is structured in modules. Each piece of content is housed in both a closed (excerpt) module and an open (full page detail) module. These modules enable pages to be made up of a mixture of agile content, allowing the user to make their own unique journey through the site. 

In mobile, the main navigation is sticky at the top of the page at all times to provide quick and easy access to all areas of the site. The menu is situated on the right and expands from right to left, showing the main menu items. If a menu item contains a submenu, it is indicated with a chevron to the right.

In desktop, the main menu covers the space of the top part of the page. The product section is treated in orange, making it stand out in comparison to other menu items. Upon interaction, a submenu expands revealing submenu items related to the parent menu topic.

These are some of the elements used in the design of the website: AA compliant colour schemes, typographic and photography guidelines as well as a modular responsive design system. The overall feeling of the site is open, picking up flat design patterns to achieve a modern lightweight look.