M.Arq

Discover. Redefine. Hair.

  • CSS (SASS)
  • HTML
  • Javascript (JQuery)
  • PHP

Project Overview

M.Arq is a Salon and Hair styling business that offered me the opportunity to create a website and storefront for them.

To create their website I started with a rough sketch and later on brought the design into figma. After approval I custom built a wordpress theme to build the website. For the storefront I used the “woocommerce” plugin and synced it with their square business account. That way all inventory and pricing can be controlled via their square account.

Site12

We're Site12. We make Games.

  • Animation
  • CSS (SASS)
  • Game Design & Development
  • HTML
  • Javascript (JQuery)
  • PHP

Project Overview

Site12 is an indie game development team that I am part of. Every twice a year we participate in the ludum dare game jam. As the Art director of Site12 I am responsible for overall aesthetic and vision of most projects we work on. I am also responsible for:

  • Animation
  • UI Design
  • Character/Background Art

Hapi Mouth Ramen

Something to smile about

  • Animation
  • CSS (SASS)
  • HTML
  • Javascript

Project Overview

This was a project was heavily focused on learning how to use the fullpage.js and Bodymovin plugins. The Bodymovin/Lottie plugin allows for us to have custom animations on our page to create a more life like atmosphere. Everything on this page was produced using Illustrator and animated using Adobe After effects.

Betmates

Place your bets

  • CSS (SASS)
  • HTML
  • Javascript

Project Overview

Betmates is a social media platform meant for sports bettors and parlay makers alike. This was my final studio project during my time studying at Red River Polytechnic in DMD – web and interaction design and development.

Capilano Suspension Bridge

Spectacularly Scenic

  • CSS (SASS)
  • HTML
  • Javascript

Project Overview

This project was an assignment for my web design 3 class. We were tasked with creatingn a “Pamphlet style” website for any destination. The goal of this assignment was to help us understand the design and development process using display:grid.

My goal for this project was to design as if I wasn’t using a grid. With the usage of more organic feeling shapes the project looks and feels loose.

Chris Clicker

Get as many Chris Coins as you can!

  • CSS
  • HTML
  • Javascript

Project Overview

Chris clicker was an assignment during my first term as a Digital media Design student. With a partner we were tasked with just making an interactive website in someway. This project was inspired by the game “Cookie Clicker”. But instead we used the faces of our instructors who all just so happen to have the same name.