UI/UX Design
Design
Systems
Design systems are vital when maintaining a product or platform. I use an “Atomic Design” method in spirit, where small individual items (atoms) are built into various configurations to make up components (molecules), which are then used as the building blocks for layouts and full page structures. It’s worth acknowledging that Design Systems evolve over time, with the goal to re-use components as much as possible.
User Interface Design
My approach to user interface design is always putting the user first; it should be visually appealing to make them want to use it, but more than anything it should function as a means for them to achieve their desired task with as little friction as possible.
Tradetools
B2B specific e-commerce solution designed to accommodate large volume of specification heavy products.
Canterbury Wholesale
E-commerce solution to bulk order SKUs of wholesale products and allow salespeople to shop on the behalf of participating stores.
Paper Plus UI Solutions
E-commerce solution to bulk order SKUs of wholesale products and allow salespeople to shop on the behalf of participating stores.
User
Experience
Design
I’m a strong believer in iterative design and putting the user’s needs first. It is very rare to achieve the perfect user experience on first try, so being able to iterate on a design, reduce friction, all based on user feedback, will always net best results.
Website Design
Remember when ‘Web Designer’ was a job title? With website design, I aim to keep pages clean and legible, mixing up the layout of each section to stop the page from feeling repetitive.
Solutionists Website Concept
A website design concept for Solutionists, an e-commerce solution provider with a bespoke platform.
Sing Like A Unicorn Website
After finishing the illustration and design of the Sing Like A Unicorn book I was then tasked with the website to sell the book.
Skills & Approach
Experience
Primary
User Interface design
eCommerce Platform UI Design and frontend user experience
Researching best-practice and applying to platform
Design System creation and maintenance in Figma
Wireframe prototypes
High fidelity prototypes
Secondary
CMS UI design
User testing of wireframe prototypes
Writing the UI component of Functional Requirements document for new builds
Quality control of design implementation
Digital Design
EDMs
Proposal documents
Powerpoint presentations
Print media such as business cards and marketing collateral
Providing HTML & Sass support where needed
Complimentary Skills
Illustration
Animation
Software
Figma
UI design
Prototyping
Photoshop
Illustration
Image manipulation
ClipStudio
2d frame by frame animation
Illustrator
Vector Illustration
InDesign
Book design
Proposal documents
After Effects
Game design prototyping
Web animation prototyping