Responsive Online Charitable Shop
WAA™
WAA™ is a faith-based, philanthropic online retailer that’s partnered with Virtue for access thousands of non-profit organizations that are dedicated to improving lives. Every purchase made automatically donates 10% to the featured organization(s) of the shopper’s choice.
Team
Sole Designer
Role
UX/UI Visual Designer
Dates
Jan 2023 - Feb 2023 (2 months)
WAA™ (Word Alive Apparel™) needs a well-crafted online storefront developed on the Shopify CMS platform, with a focus on effortless maintenance and a seamless shopping and checkout experience. The platform should also offer visitors the option to easily allocate 10% of their purchase to a charity of their choosing. As the sole UX/UI Designer, I worked in close collaboration with the Product Owner to source, select, and customize a site template, create a brand identity, and buildout a responsive online experience from the ground up.
My Task.
Deliverables
Hi-Fidelity Mockups
CMS Shopify Build
Design Asset Management
Design Tools
Shopify
Adobe CC
Figma
Productivity Tools
Whimsical
Slack
Process
Grid System
A pre-existing structured grid system within the selected Shopify e-commerce template was utilized and edited .
Type
Fluid/Stretched
Columns
4 / Auto (Mobile)
12 / Auto (Desktop)
Margin/Gutter
24/16
Logo
A straightforward and minimalistic typographic logo design, featuring different lock-up variations served as the brand mark. This choice was made to create a cohesive and visually engaging experience for site visitors.
Colors
I crafted a minimal color palette for the WAA brand and website, opting for a subtle, harmonious selection of colors to create a distinctive and aesthetically pleasing visual identity.
Typography
A single typeface (Avenir Next) ensures a consistent and visually pleasing text style throughout the entire interface. This enhances readability and maintains a polished appearance for users.
Photography & Imagery
Bold, colorful and sharp photographic imagery that not only narrates a compelling story but also effectively highlights our products. This choice was made to create a dynamic contrast with our minimalistic brand visuals.
Responsive Web
Our responsive web design solution ensures effortless adaptability across a range of devices, simplifying the development process and providing users with a uniform and consistent experience.
End.
The WAA responsive website deliverables have been completed and the site has been launched, currently live and operational.