Client : NestléSHIELD
Project: Web Design
Role : Ux/Ui Designer

Nestlé Skin Health SHIELD is an innovation hub—incubators of ideas looking to today’s boundary-breakers and visionaries to inspire a global, multi-disciplinary collective, where creative minds come together to advance skin health for tomorrow. They wanted to engage with physicians, nurses, clinicians, carers, scientists, entrepreneurs, tech leaders, artists, academic partners and advocacy groups across the healthcare and aging innovation continuum. The needed a web platform where this conversation could begin.

Challenge

As a first of it kind global platform on skin health innovation every detail had to be thought through. NestléSHIELD needed to create a web platform to incite and to invite ideation where their target audience could collaborate

My Role

I was responsible for the following: • Establish a UI strategy based on user-centred design principles • Perform extensive UX research in discovery and definition phases • Gather all insights and create visual strategy • Develop a visual style and high-quality pixel perfect design • Provide a valid and responsive prototype • Establish all interactive elements

Personas

I created mutlitpe persons and each had an empathy map revealling various pain points the users encounter. The user scenario covered a variety of specific task to accomplish also taking into account if they accessed the site from different devices. mobile, tablet or desktop.

Sitemap

I had to go through an extensive features audit, create personas and use scenarios after which I was able to create a site map and get a good sense around my visual strategy. For this site, one of the first thing that research revealed to me was that a user dashboard would be needed..

Sketching

I sketch out my ideas on paper, it a great way for me to quickly visualize what I am thinking and start to imagine even more possibilites. Its also a great way to help quickly decided to pivot in a new direction.

High-Fidelity

I produced the look and feel in Photoshop. I keep very organised PSD layers and folder structure. I link images and create Smart Objects to ensure clean and quality design.

Achievements

What did I achieve during this project? • Head of Nestle Marketing gave an immediate stamp of approval. • Client was excited about experience and its possiblities on the lightweight .js particles interactive element i introduced. • This work inspired the agency to take on more innovations projects.

Retrospective

What did I learn during the development process? • Implementing UX measurement to quantify our successes. • Watching users try to accomplish tasks on early prototypes is the most effective and efficient way to uncover usability problems.