SaniMoist

SaniMoist is a new antibacterial product formulated to eradicate 99.9% of germs while providing moisturizing hydration, as an alternative to typical alcohol-based sanitizers that dry out the user’s hands.

I was tasked with creative direction, branding and designing the e-commerce store for this product.

Context

The client already had the logo and product packaging developed but had no other existing assets. The cream hand sanitizer comes in three options: unscented, lavender, and vanilla.

User Research

We identified two users who might be potential customers of SaniMoist:

Site Hierarchy

With these women’s values and pain points in mind, I came up with the following site sections that should be included in order to address their needs:

As this was a new product, we decided to go with a simple long-scroll page in order to minimize cognitive load and maximize the efficiency of the purchase funnel. I met with the stakeholders to assess the information hierarchy and we eventually came up with this site structure:

Sketches

I started by sketching out ideas for each section. I went with a modular system in order to discover the best configuration for the parts to work in harmony.

Wireframes

3D/Asset Creation

As I was responsible for all brand imagery beyond the logo and packaging, I decided to model the client’s products in 3D to create evergreen assets that can be utilized for imagery and future campaigns. This way, the bottles can be easily placed in any environment without the limitations of pandemic-related logistical issues. This also solved some production/timeline issues that we had to work around.

Brand Style

High Fidelity Mockup