VIDEO & MOTION GRAPHICS

All Videos

Vigilant AI Introduction

01:04

Play Video

A Message From CODE's New CEO

02:32

Play Video

Project6ix

00:21

Play Video

Graphic design

A bar graph appears over orange hills. An arrow follows the flow of data, stopping at 3 distinct points at its path. 'Real Time Decision Making' is illustrated with a light bulb. 'Cost reduction' is illustrated with a piggy bank. Lastly, 'enhanced customer experience' is illustrated with a 5 out of 5 stars symbol.

A vector graphic of a brain outline, with interconnected nodes making up the inside.

An old style scale holds a few American dollars on one end, and a mountain of Laotion kip (a foreign currency) on the other end. The few American dollars are much heavier than the foreign currency, weighing down the scale, representing the unjust power of the American dollar.

A postcard of Matthew holding a camera, with text showcasing his services as a Videographer.

UX DESIGN/CODING

Gamer's Paradise Wireframe

A wireframe I created for a fictional gaming website. This outlines the 'catalog' page, where consumers can browse gaming products.

Created with Illustrator, 2023.

Gamer's Paradise Mockup

A mockup I created (based off of my wireframe) for a fictional gaming website.

See the next slide for a live demo of the final website!

Created with Photoshop, 2023.

Gamers Paradise - Website Demo

In this video I breakdown how my 'Gamer's Paradise' store catalog works. The website was entirely coded by myself using HTML, CSS, and PHP.

Green Energy Website Wireframe

A wireframe I created for a fictional 'Green Energy' website. This shows the home page, where users can click through an interactable gallery that dynamically loads information about different sources of Green Energy.

Created with Illustrator, 2023.

Green Energy Website Mockup

A mockup I created based off my 'Green Energy' wireframe. This shows how the page should look when a user loads in.

Created with Photoshop, 2023.

Green Energy - Web Demo

In this Web Demo I breakdown the Green Energy website I created which dynamically loads new content when clicking on the buttons in the menu.

TheMoreYouKnowInfo Homepage Wireframe

In this wireframe I illustrate the rough layout for my informational website.

Created with Illustrator, 2023.

Informational Homepage Mockup

In this mockup I create a visual template (which I would later on hard code), for my informational website. This is the desktop version of the mockup that displays articles in a 3 column grid.

See the next slide for a live demo of the final website!

Made with Photoshop, 2023.

Informational Website Demo

This is a website walkthrough of an informational website I coded myself.

SOS Desktop Mockup

This is a mockup design for a website project I took on for a fictional non-profit "Save Our Sloths" (SOS). In this mockup I identified where I want the elements of my home page to display, and ensured the call to action (donation button) was one of the first things the user sees.

See the next slide for a live demo of the final website!

Made with Photoshop, 2022.

Save Our Sloths - Website Demo

In this video I walkthrough a website I coded myself called "Save Our Sloths". This is the same website I created a mockup for shown in the previous slide.

Photography

A shot of an intersection during the night.

A vintage diner sign glistens in the sun.

Yellow, orange and gold coloured leaves cover the forest.

A close up of some beautiful red maple leafs.

A beautiful golden tone rests on this calm marsh.

Two transit cars pass by one another at an intersection.

The sunset illuminates a pair of tall pine trees.

A wooden telephone sits alone next to some trees.

A small plant on a cliff overlooking a forest.

Camera: Sony Alpha a7iii
F-Stop: f/8
Exposure time: 1/125
ISO: 100
Focal length: 55mm