Story

Interface Designer with work that has reached over 1 billion pageviews.

Experienced in graphic design, product design, user interfaces, front end development, web accessibility, and quality assurance testing. I strive for users to love the results as much as I do. I believe putting care into the finest details along the way results in a final product that exceeds expectations.

Specializing in user interface design, it's about keeping things simple and predictable. Finding all the use case scenarios and coming up with clever solutions to them.

In secondary school, I started to familiarize myself with Adobe Photoshop and Final Cut Pro. This led me to completing a two-year TV Broadcasting course there. The fun I had with video shooting & editing almost landed me in Fanshawe’s TV Broadcasting diploma, but I decided I wanted to try something brand new to me: I began a two-year diploma in Multimedia Design and Production at Fanshawe College. After completing this, I entered Music Industry Arts to take my love of music to the studio setting. I’ve been lucky enough to have learned from some talented professionals, gaining valuable knowledge and building my creativity in all realms.

During my professional career, I worked on many projects in a wide variety of industries. Staying on top of current web trends and technology has been the key to continued success. I have experience in the following areas:

Languages

HTML5, CSS, Javascript, PHP, C# .NET.

Libraries

LESS, SASS, JQuery, ReactJS, AngularJS, AMP, Cordova, Bootstrap, React Bootstrap, Google Material Design, Carbon Design System, Font Awesome, axe Devtools, and Icomoon.

Software

Speed and efficiency in programs such as Adobe Illustrator, Adobe Photoshop, Adobe XD, Avid Pro Tools, & Apple Logic Pro.

Being able to do anything that is necessary in a project gives me the flexibility to keep the job fresh and interesting.

Experience

OSG Inc.

2020/01 - Present

Senior UI/UX Designer

London, ON


Style interfaces, front end designs, and build components for web products.

tbk Creative

2016/11 - 2019/12

Intermediate Front End Developer

London, ON


Built front end designs, interactive elements, and accessible web sites using WordPress and WPBakery Page Builder.

IES Group Inc.

2011/4 - 2016/10

Graphic Designer / Front End Developer

London, ON


Design & develop web application interfaces (UI), user experience (UX), logo illustration, branding materials, & marketing collateral.

OUR Coffee News

2009/1 - 2011/7

Graphic / Web Designer

St. Thomas, ON


Update and maintain website, create ad samples to be placed in the weekly restaurant publication. Setup and print editions with one colour process.

Education

Music Industry Arts

2008 - 2010

Fanshawe College

London, ON


  • School of Contemporary Media Diploma
  • 2009 MIA Award, Best Performance

Multimedia Design & Production

2006 - 2008

Fanshawe College

London, ON


  • School of Contemporary Media Diploma

Web Projects

Scott Vincent Design

The site you're currently on is an exercise in functional, lightweight web design. Using modern techniques it ensures incredibly quick page load times. Avoiding heavy libraries and dependencies to accomplish the fairly simple tasks, it's an attempt to be considerate to users.

This site loads less than 1.5MB onto your device to deliver all its information and imagery. It still takes into consideration the browser size and device type to deliver a responsive, user friendly experience. Rather than attempting to get the page to load exactly the same in outdated browsers, the name of the game is graceful degradation. When a user doesn't have access to a feature, account for that and serve them a different experience while giving them all the same important information.

  • High Google Lighthouse pagespeed and accessibility scores.
  • Multiple themes that will randomize on page load unless selected, then it will remember your preference.
  • The use of a new variable font format that reduces the number of files needed.
  • Javascript disabled browsers still display adjusted content.

With all of those things considered, I also want to make a site that I think looks good. Using colour, layout, and typography to create something that I would be happy to visit myself.

Diply

Diply is an entertainment website that I worked on from 2013 to the end of 2014. Created initially as an online product showcase, it morphed into articles to be shared on social media.

Half of the two-man team that built the initial site with Bootstrap 3, and leveraging LESS css, Diply was an AngularJS web application with a custom content management system. I was the Lead UI Designer during the site's first year, responsible for prototyping, front-end styling, and user experience. From launch over the next year I was there, those pages were viewed over 1 billion times.

Project at IES Group Inc.

Media Sonar

Media Sonar is a social media monitoring tool used for public safety and law enforcement. I was a part of the project from 2013 to 2016. After working on the first version of the application briefly in 2013, I was brought on as the Lead Designer for the version 2 refresh at the end of 2014. Prototyping, designing, and styling the front-end for a positive user experience.

An AngularJS web app, Bootstrap 3 was the base styling framework used to build it fully responsive to fit any screen size. Using Google's Material Design Guidelines as a starting point, eventually the design language transformed away from that core to meet the needs of the business. Utilizing LESS css, I created a variable styling structure that allows multiple colour themes for users to switch between, as well as modular components for fast prototyping and delivery.

Project at IES Group Inc.

3M Channel Partner Portal

The Channel Marketing Portal for 3M Canada is an asset repository for all of their partners to use. The intention was for users to have a self-serve way to gather their files and documents rather than requiring manual customer service. Starting with a simple wireframe and 3M's branding guidelines, I led the frontend direction for the user's experience of finding, bundling, and downloading their logos, ads, or sell sheets.

Built with ReactJS, SASS, and utilizing WordPress as an administrator dashboard. A custom theme on top of the Carbon Design System v9 was used for the basis of the frontend framework.

Project at tbk Creative.

G2PO

A gaming video site that gave users options to search and follow video creators or specific game titles and view videos on the site. I was on the team as a designer and a front end developer through the evolution of two distinct versions in 2011 and 2014.

Responsive for mobile web use, built with Bootstrap 2 and C# .NET.

Project at IES Group Inc.

Baitclick

In response to the experience in looking behind the curtain of social sharing methods, a desire to build something to stand up to the clickbait machine was formed. A site where you paste links that pose a question, spoil the title, and share that insight with your friends. Saving them from the temptation to click on those links. Practicing simple user experience with a unique, fun idea was the goal after years of working on complicated, serious applications.

Co-founder of this 2 man project never released to the public, this site is built with MEAN.js framework along with Bootstrap 4, and SASS css. Features include Day/Night modes, automatic image creation, and touch specific UI.

Branding

Crafting Brands & Branding Crafts

I enjoy designing & constructing new images in Adobe Illustrator, whether it is for startups, bands, or even recreational sports teams. The items below are a collection of logos I've created.

When a major brand makes a change, I'm immediately dissecting what they've done and why. I will read branding blogs daily to see what companies are doing and what the design community thinks of current trends. I usually pick apart when brands are being misused in the wild and get excited when brands nail it.

Also, below are a couple of branding guide PDFs I created to help with styling the projects that I was developing at the time. The first one using the existing Media Sonar logo that wasn't one of my creations, refining it and forming a guide around it. The second one for Pathogent, a project that didn't proceed further than the concept stage.

Logo Illustration

Diply
G2PO
Violet Fuse
Fifty-One
Baitclick
Duelling Sledgehammers
Radboots
Radboots
Hub Spout
IES Group

Branding Guide Examples

Media Sonar Brand Identity

A spec style guide for product and logo usage. Listed as a concept, as it was never officially used.

Media Sonar Technologies Logo & Brand Identity Guidelines
View PDF

Pathogent Styleguide

Brand guide, logo, and business card design for a new company proposal. The business never made it out of the planning phase, so the guide never saw usage. Project at IES Group Inc.

Pathogent Brand Guide
View PDF

Music

Audio Engineer, Music Producer, & Musician

I started playing guitar at 10 years old; I would go on to perform in the rock bands Violet Fuse & Duelling Sledgehammers. I'm perpetually working on new compositions and recordings, with a new record in the works.

I graduated from Music Industry Arts at Fanshawe College in 2010, gaining proficiency in Avid Pro Tools, Logic Pro, Avid D-Command interface, analog recording consoles, and music production techniques. I have experience with live music in small venues, as well as sound reinforcement and lighting tech in a theatre setting. While never a career, I've spent a number of years writing, performing, producing, engineering, mixing, and mastering.

Discography

Violet Fuse

Violet Fuse

2010

Violet Fuse

Engineer, Producer, Mixer, Mastering Engineer, Co-writer, Guitar. Nominated for a Jack Richardson Music Award as well as London Music Award under the Rock Categories in 2010. iTunes

Good God DAMN!

Good God DAMN!

2010

Good God DAMN!

Mastering Engineer

Violet Fuse

You're a Mean One Mr. Grinch

2011

You're a Mean One Mr. Grinch

Engineer, Producer, Mixer, Mastering Engineer, Guitar

The Drop Pockets

Demos

2012

Demos

Engineer, Mixer

The Days

Demos

2012

Demos

Engineer, Mixer, Mastering Engineer

Good God DAMN!

Buen Dios Maldito!

2013

Buen Dios Maldito!

Mastering Engineer

Tom Woods

Still Not Sober

2015

Still Not Sober

Mastering Engineer

Violet Fuse

Another Hello - EP

2015

Another Hello - EP

Engineer, Producer, Mixer, Mastering Engineer, Co-writer, Guitar. iTunes

Sparring Partner

Hardships

2017

Hardships

Engineer iTunes

LONDON, ONTARIO, CANADA