Tom Thorley • Brand Marketing for Startups & Small Businesses

woo-ecommerce

Ecommerce - Woocommerce Design & Development

ecommerce-designer-developer

Moosh Boutique

Ecommerce Project for Luxury Soap Brand

field_628e41f5e959f

field_628e41e6e959e

Project

acf/projecthero

field_62962301c93e9

field_629622d4c93e7

field_6296250cc9009

field_629622a5c93e5

field_6296229ec93e4

Planning 

UX & UI Design

Development

Management

Plan every page and step by step user journey ready for a build an initial launch.

Integrate branding techniques to construct and overarching design theme and system

Design user interfaces that are optimised for conversions and user experience

(Upcoming) Build the site using a React frontend and Woocommerce backend.

Contributions

Primary Objectives

An ecommerce design project for Boutique Soap Brand "Moosh". (Build coming soon)

Project Overview

acf/projectinfo

field_628f851c07744

Phase One

acf/supertitle

field_62505079cc910

field_62505079cc8ee

Working closely with the client we figured out the responsive layouts/wireframes we would need to produce full designs for the ecommerce site.

Planning & Wireframes

acf/contentheader

acf/slider

Design Phase

A classic, vintage vibe with modern arrangement was chosen to give a familiar yet functional aesthetic. The spacing is set to an 8pixel system and the Typography scale is set at a major third.

Design System / Style Guide

acf/imagemasonry

The design was originally inspired by chalk board menu art, although later designs stripped back on that theme in favour of minimalism and functionality in order to enhance user experience.

Component & Template Designs

Final Results

acf/megaimage

acf/spacer

core/heading

I love the style of this design, it's fresh but familiar with an emphasis on user experience. The designs follow standard practices for ecommerce but introduces some interesting style choices. I'm looking forward to building this shop very soon!