My Portfolio Board

Ecommerce Product Page Design

180 Smoke Ecommerce Website

Using best UX practices and material design elements, the layout of the product page was altered to increase the size of the photos, while ensuring the buy now button was clear and accessible where the customer would expect it to be. Both mobile and desktop wireframes with notes for the developers were handed off to the development team to put into production.

Click here to see a product page in action.

UX Design

UI Design

Competitor Research

Research Analysis

User Flow

Wireframes

 

Prototyping

Re-Branding and Logo Design

Ace E-Liquids

The company 180 Smoke decided it was time to rebrand their signature product away from the company name, and Ace was born. With stakeholders aiming to give off the ‘local’ and ‘homegrown’ feel, the maple leaf quickly took shape as a key element in the logo. Standing for “All Canadian E-Liquid”, the background of the product labels mimicked the angles of the maple leaf, as well as representing a slight resemblance to a nature setting to ensure it was ALL Canadian.

Logo Design

Brand Identity Design

Storyboarding

Brand Story

Print Design

3D Product Renders

Print Product Design

Mobile Application Design

Politicheck App

Using various adobe creative cloud apps and research methods, I designed and concepted each stage of the branding, interface, experience and functionality of this prototype app — created to make politics easy to follow and connect to.

Click here to see a working version of the prototype.

Brand Identity

UX Design

UI Prototype

Logo Design

Competitor Research

User Interviews

Research Analysis

User Flow

User Personas

Site Maps

Wireframes

Feature List

Microcopy

Website Banner Ads

180 Smoke Ecommerce Website

For each promotion, a banner is designed to live on the home page of the 180 Smoke Ecommerce website. Due to constraints of the back end, a mobile and desktop version of each banner is needed. I am provided with the promotion details and then will create the microcopy that the customer sees on the banners. The copy is then translated and the banners are duplicated for the french version of the website.

Graphic Design

Microcopy

Responsive Design

Animation

Image Manipulation

Customer Journey Mapping and UI Design

Customer Reviews on Ecommerce Website

The function of leaving reviews on the 180 Smoke website had broke during migration, so it was decided to go back to the drawing board and revisit the entire process of customers leaving product reviews. Using flow charts, wireframes and prototypes along with website analytics and best UX practices, the process of leaving reviews and driving customers to leave reviews was thought out in tandem. *Currently in development*

UX Design

UI Prototype

Customer Journey Mapping

Competitor Research

Research Analysis

Flow Charts

Wireframes

Microcopy

Storefront Banner for Curbside Pickup

180 Smoke Retail Locations

During the COVID-19 lockdown across Ontario, it became vital to advertise at each store location that 1) we are open, and 2) how to order for curbside pickup (due to not taking walk-in customers). This poster is 24″x36″ and is placed on the front window of all 180 Smoke retail locations.

Print Design

Graphic Design

Consulting

Customer Journey Mapping

Microcopy

Multi-site Design

Blyth Academy

Led the redesign and management of all seven websites the company used. Using WordPress, I designed the websites with an emphasis on mobile design, SEO and user experience. Managed the day-to-day operations on the site.

Click here to see the Blyth Academy Summers website.

HTML

CSS

WordPress

Info Architecture

Site Maps

SEO

A/B Testing

Google Analytics

API Integrations

Event Pull Up Banner

Songwriters Association of Canada

A 36.5″ x 94.5″ pull up banner designed for Songbird North events the S.A.C. hosts. Worked through multiple brand iterations and built using adobe illustrator.

Print Design

Graphic Design

Consulting

Responsive Web Design

Berkis LLP — Accounting Firm

Hired to build the firms first company website. Worked directly with the company, copywriter and photographer to establish priority content and help deliver a strong online presence through design and SEO optimizations.

Click here to see the live website.

Website Design

HTML

CSS

Competitor Research

Research Analysis

User Flow

Site Map

Wireframes

Content Priority Guide

Brand Identity Design

UI Prototype

Social Media GIF

POP Social

This was made for a social media post aimed at brand awareness and also one of the more fun deliverables I created during my short contract with POP Social.

Click here to see the GIF in action

Graphic Design

Image Manipulation

Social Media

More Designs

Want to know more?