Grilled Pixels - Portfolio of Adam RobertsGrilled Pixels • Award winning designer and developer
React & GatsbyReact & GatsbyReact & GatsbyReact & GatsbyReact & GatsbyReact & GatsbyReact & GatsbyReact & GatsbyReact & GatsbyReact & GatsbyReact & GatsbyReact & Gatsby
20+ Years20+ Years20+ Years20+ Years20+ Years20+ Years20+ Years20+ Years20+ Years20+ Years20+ Years20+ Years


Creative direction and digital design for the Maria Akerberg skin care brand

Project overview

I was approached by Pajama to help create a new design for their client, Maria Akerberg (MA). MA are the makers of skin care products and needed an eCommerce website to help increase brand positioning and overall growth of the company. Working with the team following art direction and UX, I created a simplified, image-led visual design for them.

UI / UX Design

eCommerce, user goal driven design; stepping into the shoes of the user

I was provided with art direction, wireframes and a boat load of ideas. I took everything given to me and produced a high class, on-brand website for desktop and mobile. Even when tasked to only provide design work, as a designer you need to be thinking about the interactions, the movements and the way it all comes together. I created animated prototypes for certain elements to try and get my rationale over to the developers to ease the process.

Below, the Maria Akerberg homepage needed to consist of modular components that could each be individually designed to a specific product and multiple audiences.

The concept you see below aids MA to designate campaigns and rich content in these different areas; keeping it engaging and informative.

While working with the team at Pajama, we identified that users needed a better way to find the products they were looking for.

We explored a mechanism that allows them to narrow down a range of products using a series of filters, which would automatically update the page with results.

One step to success with eCommerce is getting the product detail page right and we did this by giving the page content hierarchy, in order to ease the flow of information the user would digest and proceed with the actions we gave them.

Immediately, the user is presented with imagery to show the product and it being applied. Next we give users key information, such as the price up front. Below that is information that plays on the emotion of the product, followed by a very clear call to action.

If the user decides to get more information, they would be presented with a list of ingredients to find allergens etc. As this page could potentially become rather long, the call to action would have to become sticky to top of the screen so the user never loses the action we want them to take.

Next Project

Branding and digital presence to help position and propose a new digital certification system