Web Design

Design + HTML + CSS

Method.me

Tasks

Design | Illustration | HTML | CSS | WordPress

Summary

While working at Method for 6 years, I've had the opportunity to redesign the site and iterate upon it over the course of my time there. Throughout the years, we have experimented with the visual identity a bit, ranging from the use of illustrations to stock photography. The brand has also been tightened as that had been iterated upon through the years as well.

Working on this site is usually a team effort, involving the CEO, Director of Marketing, and feedback from the rest of the company on what seems to be working and helping with conversions, and what feels like could perform better with changes, either to design or copy.

In late 2018, the site was rebuilt in WordPress with the Divi theme so the marketing team could more easily implement copy changes and tweaks on their own.

Method.me (2018) Featured Pages

Method.me (2018) Featured Pages

Method.me (2017) Featured Pages

Method.me (2017) Featured Pages

Etee

Tasks

Wireframe | Design | Illustration

Summary

Etee is a company that made it's name with their reusable wraps that help you reduce your carbon footprint by reducing your reliance on plastic wrap and packaging, and helping people towards a plastic-free lifestyle.

Working with their Art Director and Chief Marketing Officer, I designed their new website following their their new brand guidelines. I created wireframes based on their sketches and copydeck in Adobe XD, and once approved, created the site design and made revisioins based on their feedback in Photoshop. The illustration at the bottom was done in Illustrator.

Homepage

Shop Etee!

BMO.com – SmartSteps® for Parents

Tasks

Design

Summary

While on contract at BMO (Bank of Montreal), I was tasked with designing the SmartSteps® for Parents community site. This would be a place where parents could learn about how to teach their kids the value of money and how to save. This site would also include activities for kids, and articles from industry professionals on how to talk to kids about money.
 

Once the SmartSteps® for Parents site rolled out, I was given the opportunity to work on other aspects of the main BMO site, such as design homepage refresh concepts, design the look of their MasterCard recommendation tool, design their MasterCard product pages, and various other landing pages.

SmartSteps®

BMO - SmartSteps

ABM Landing Page

BMO ABM Landing Page

BMO MasterCard - Help Me Choose!

BMO MasterCard - Help Me Choose!

BMO Gold Air Miles MasterCard - Product Info

BMO Gold Air Miles MasterCard

McLeish Orlando

Tasks

Design

Summary

McLeish Orlando is a law firm specializing in personal injury.

When working on the design for this site, I had originally worked with a deep red/maroon palette since I saw these as power colours that showed strength and instilled deep confidence. However, I soon learned that because they specialized in personal injury, those were colours they wanted to steer far and away from. Consider this lesson learned! Different colours hold different meanings in different industries, so always do your research.

Featured Pages

The Playbooks