Create a sitcom style opening to introduce the career advisers at the Humber Career Centre.
The style was intended to be like 80/90s style openings, which I grew up on. I revisited a lot of them via YouTube clips and tried to catch certain tropes that could be used for the filming. For location, I made my way around the Humber campus to find local settings that can be used. This production process was done mostly on my own, so camera testing required me to film myself.
Here's that test:
I'm not an actor. But, I got a good idea of what I'd want to get out of the advisers when we got to that stage.
Credit to the talent involved. I was meeting most of the advisers for the first time in person on our day of shooting. Schedules were tight and so we would have to get to know each other and plan mostly on the spot. For my part, I tried to keep a friendly disposition to keep a light set. I'd encourage and hopefully made them feel comfortable in front of the camera. The whole filming was a very smooth process.
The production was a big hit both at the career centre and around campus. I got a lot of recognition not only from my team but faculty and staff around Humber since it was played across campus screens. It was a great learning experience and even better that we were so happy with the final result.
Working with a partner, we planned, designed and prototyped a messaging app.
The decision of what type of messaging app could have gone one of two ways.
We spent a lot of time interviewing students on their messaging preferences and researching/brainstorming niche messaging options. In the end, we decided that we could not find a niche option that expanded out of novelty and therefore moved forward redesigning a general messaging app.
Here were our objectives:
The app turned out mostly the way we had planned on. We were able to put together a pretty accurate prototype on Proto.IO. In terms of design, we achieved the clean look we aimed for and got our chat experience isolated to one screen. The scrollable contacts bar was a big part in making it happen. As for shared media, it is available in each specific chat through a swipe and includes all the mediums we wanted to add.
To see my unhealthy obsession with shoes, visit here
Design and develop a responsive webpage.
I knew I wanted to use a grid layout with flex box. The key was trying to figure out a collection of things that could be placed in there. Then it hit me:
The short story is I have a lot of shoes and I always take photos of them. Why not create a gallery to highlight them?
I got a nicely layout page with all my shoes. The start point for it was actually this portfolio. Then, while working on that, I came up with new ideas to hash out the portfolio layout, specifically the mobile view.
Film, edit and narrate a fake Humber College Multimedia Design and Development commercial using a pre-written script.
We were provided a script from our instructor and in it, it listed specific places and courses. As such, we had the freedom to choose spots around campus and activities to film that would best depict what was written.
We scouted locations around school first before going into filming. While we did not storyboard, we collected notes on where we would film and how.
We managed to put together a video that well depicts the script and captures at least some of the overall Humber brand. It was voted best in class.
Visit my meme generator here
Create a webpage that uses HTML canvas.
Here's how it would work:
Despite it's novelty, it's one of my most used sites because of just how often I like to create these. The site works exactly as I need. It does just the one thing, but very well.
Visit my Polaroid page here (best viewed on Chrome)
Create a webpage that uses an HTML API (device orientation, device motion, geolocation, getUserMedia) and CSS animation.
Create a webpage that would take your photo and "print" it out of a Polaroid style camera.
The site worked very well. There was some tricky business in keeping the CSS animations responsive. Added CSS filters to create more of a Polaroid effect. The novelty of hiding the viewfinder made for a fun site to play with.