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.

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.

Featured Pages

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.

Featured Pages

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

Frugz

Tasks

Design | HTML | CSS

Summary

Frugz was a website where people could find and share deals on items and services and save money, without the requirement of having to purchase in bulk. The idea was that finding deals should be fun and not a chore, so I opted for a bright and warm colour palette, and the layout would allow for large colourful images to better showcase the deals available.

In addition to design, I was also tasked to code the template for the site that their back-end developer would build work with. The template uses HTML and CSS

Featured Pages

The Gamers Sword

Tasks

Design

Summary

The Gamers Sword was an online retailer of video games for consoles and PC. They wanted a site that was clean and easy to navigate, and displayed their products and all relevant information clearly.

Featured Pages

Lin Martial Arts

Tasks

Design

Summary

Lin Martial Arts teaches Muay Thai, boxing, Brazilian Jiu-Jitsu, and Mixed Martial Arts to people of all ages and all levels, servicing the Greater Toronto Area. When working on the redesign, I wanted to clean up the claustrophobic “newspaper classifieds” look that seemed to have starbursts and highlighted text all over the website. I went with a mostly white design, with red text for headings and accents.

The three pages I designed were to serve as layout templates for the rest of the site and to be used by the developer to create a wordpress template.

Featured Pages