Jordan McGavin Web Development & Design

Jordan McGavin

HELLO

My name is Jordan. I'm an independent web developer based in Ontario, Canada. I'm an inspired individual that loves to push the boundaries of creativity. Forget thinking outside the box. I'll make a new box.

My goal is to create unique and meaningful digital experiences that change how we interact with the web. I craft technically enhanced solutions designed to help your brand succeed in the digital world.

THIS IS WHAT I DO

Web Design and Development

FRONT-END WEB DEVELOPMENT

I design and develop websites and web-based applications with the user experience in mind. Using a combination of HTML, CSS and JavaScript as well as a variety of frameworks and libraries, I put together responsive interfaces that work flawlessly and look incredible on all devices.

Web Design and Development

BACK-END WEB DEVELOPMENT

I create content management systems (CMS) that make managing content on web applications a piece of cake. Using PHP and SQL, I code custom, secure and intuitive back-end systems that allow users to efficiently manage their web content.

Web Design and Development

GRAPHIC DESIGN

Creating is my passion. I have a background in print media, an aptitude for digital design and a wealth of knowledge and experience with programs that include Photoshop, Illustrator and After Effects.

Web Design and Development

DIGITAL BRANDING

From corporate brands to personal brands, everyone is trying to find that one aspect that makes them stand out, and turn it into a selling point. I can help find that selling point and turn it into a successful brand that audiences will connect and engage with.

Chantry Island

CHANTRY ISLAND

VIEW
Chantry Island

PROJECT: Responsive website, custom CMS, video

CLIENT: Marine Heritage Society

DATE: April 2017

SKILLS: HTML, CSS, JavaScript, PHP

The Marine Heritage Society was looking to refresh the look of their website. They also required a custom CMS and custom image gallery. Working as part of a team of 2, we redesigned their website to make it more modern and responsive across all devices. Their custom CMS was built from the ground up to suit their specific needs.

OPEN
Pesci

REDEFINING THE HERO

VIEW
Redefining the Hero

PROJECT: Social media campaign, responsive website, custom CMS, video

CLIENT: Trillium Gift of Life Network

DATE: April 2017

SKILLS: HTML, CSS, JavaScript, PHP

The Trillium Gift of Life network approached us with the idea of creating a campaign to promote and create awareness for organ donation. They required a website, video and social media campaign. Working with a team of 4, we devised the Redefining the Hero campaign. My role within the group was to build the front-end of the website and contribute towards the back-end CMS development.

OPEN
Easton Hockey

EASTON HOCKEY

VIEW
Easton Hockey

PROJECT: Responsive website

CLIENT: School assignment

DATE: December 2016

SKILLS: HTML, CSS, JavaScript

This was a school assignment. The task was to create a microsite for a product of our choice and leverage JavaScript to add interactivity.

OPEN
For Better or Verse

FOR BETTER OR VERSE

VIEW
For Better or Verse

PROJECT: Podcast cover art

CLIENT: The Double Jay Collective

DATE: November 2016

SKILLS: Photoshop, Illustrator

The Double Jay Collective requested a cover art design for her For Better or Verse podcast. The design had to incorporate elements from the Double Jay Collective logo and brand. Using the brand's colour scheme as well as the airplane from the logo, I designed the cover art for the podcast which can be found on iTunes and SoundCloud.

Pesci

PESCI FISHING

VIEW
Pesci

PROJECT: Responsive website

CLIENT: School assignment

DATE: November 2015

SKILLS: HTML, CSS

This was a school assignment. The task was to create a microsite to promote the launch of a new fishing reel.

OPEN
USC Elections

WESTERN 2017 USC ELECTIONS

VIEW
Lamborghini

PROJECT: Responsive website

CLIENT: The Western Gazette

DATE: January 2017

SKILLS: HTML, CSS, JavaScript

In 2017 the Western Gazette tasked me with designing and building a website to provide a central location for news and coverage of the 2017 Western University Student's Council elections. The first of its kind, the site collected candidate information, election events, demerit points and results and made it all easy to view on all devices and readily accessible to all students. In 2017, the Western USC elections saw a 4% voter turnout increase over the previous year.

OPEN
Dreams

DREAMS MAGAZINE

VIEW
Dreams magazine

PROJECT: Magazine front and back cover designs

CLIENT: The Western Gazette

DATE: February 2016

SKILLS: Photoshop

The task was to design the front and back covers for the Western Gazette's Spotlight magazine. The theme of the issue was going to be "Dreams". With the theme and a design in mind, I arranged a photo shoot. I blended digital art with digital photography to achieve my vision.

Organica

ORGANICA RESTAURANT

VIEW
Organica

PROJECT: Responsive website

CLIENT: School assignment

DATE: February 2016

SKILLS: HTML, CSS, JavaScript

This was a school assignment. The task was to create a responsive website for a fictitious restaurant. The site was required to have a custome image gallery as well as all the expected features of a restaurant website.

OPEN
Lamborghini

LAMBORGHINI

VIEW
Lamborghini

PROJECT: Responsive website, 3D car model renders, video

CLIENT: School assignment

DATE: December 2016

SKILLS: HTML, CSS, JavaScript, Cinema 4D

This was a school assignment. The task was first to create lifelike rendered images and a video of a car model in Cinema 4D. Afterwards we were to incorporate the images and video into a website to showcase the car.

OPEN
Gazette Frosh Issue

GAZETTE 2016 FROSH ISSUE

VIEW
Gazette Frosh Issue

PROJECT: Newspaper front cover

CLIENT: The Western Gazette

DATE: September 2016

SKILLS: Illustrator

The Western Gazette required an illustration for the front cover of the 2016 Frosh Issue. Working with a team of 6, we came up with a comic book theme for the issue and the front cover needed to embody this theme. I first drew the cover by hand before transfering it over to Illustrator to trace and colorize.

Calculator

NIGHT OUT CALCULATOR

VIEW
Calculator

PROJECT: Responsive web application

CLIENT: The Western Gazette

DATE: September 2016

SKILLS: HTML, CSS, JavaScript

The Western Gazette requested a responsive interactive web application with which users could calculate the approximate cost of a night out. I first worked with another editor to gather information and devise a methodology for the calculator. Then I designed the application and added functionality.

OPEN

CONTACT ME