Creative Direction & Design of the digital experience for the Maria Akerberg skin care brand.
UI / UX
I was approached in 2016 to help create a new design for an agencies 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, we created a unique visual design for them, designed for Desktop and Mobile.
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. Here’s a sneak peak at some of the work I did.
UX / Design Thinking
Even when tasked to only provide design work, as a designer you need to be thinking about the interactions, the movements, the way it all comes together. Creating small animations like below can have a huge impact on the user experience and brand.
A further look
Here's a few more snapshots in to the work that created for Maria Akerberg.
The Maria Akerberg homepage needed to consist of modular components that could each be individually designed to a specific product and more than 1 target audiences.
The concept you see in front of you helps MA designate campaigns and rich content in these different areas, to keep it engaging and informative.
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.
Creating revenue for Maria Akerberg
One step to success with ecommerce is getting the product detail page right and we do this by giving the content hierarchy.
Immediately the user is presented with imagery to show the product and it being applied. Next we give users key information such as price right up front. Below that is information that plays on the emotion of the product. Situated below and very clear is the call to action.
If the user decides to get more information, they’ll be presented with a list of ingredients, which is the most important to find allergens. And because 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.