Here you will find a collection of complete projects, works in progress and other odds and ends. My work ranges from animation/videos to websites/back-end development to illustrations/front-end development. Feel free to relax and scroll away or click on one of the buttons below to filter the pieces by type.
This project is currently in progress. I am working on converting these protoypes into a Wordpress theme. This website needed an upgrade that showcased my client's talent for both writing and photography. From the old site to the new I updated the colour palette and layout for a cleaner look as well as easier navigation and access to content for users.
Homepage / Before
Here is a quick peek at what the site homepage looked like before.
Homepage / After
This is the revised homepage. I opted to go for a more minimalistic approach. The colour palette is neutral but rich, best fit for an author/photographer who writes for nearly everyone (kids, teens and adults). These are colours that can cater to all types of bookworms who may visit the site. Not too bight an playful for the adults and not too dull for the kids.
I stripped the homepage of most of its content and only displayed the logo on top of some stunning images related to what the author/photographer does. The nav would be displayed on the bottom of the logo image combo to ensure that the user can quickly navigate to whichever page they need to. The mini update section below the nav is meant to provide the user with quick access to the most up to date content on the site. I kept the mailing list section, but put it in the footer, so it could be consistent and displayed across all pages.
Books Page
The books page has been made more of a navigation page where the user could navigate to sub pages with books more related to their age or interest. The only thing that is allotted a large space for more content is the “latest release.” This is for the author to better advertise her latest book and guide the users to take a look there first.
Photography Page
The photography page posed a great challenge: how to display a bunch of great photography while making sure the pictures don’t fight with each other? I chose much fewer photos to put on display in favour of having larger galleries on subpages by category. The “photo shop” has also been moved to the photography page to minimize confusion and a more pleasant user experience.
A Stitch in Time
December 2014
This poster was a contest winner and made for a production of A Stitch in Time. My classmates and I all submitted a poster and the winner was chosen by the play director. The additional challenge was that we were meant to base our poster off a single object. In my case, that object was the flower hairclip.
ASIT Poster version 1
This was the first of three versions of the poster. Although it was eye-catching it did not really relate to the play much at all. In the end I decided that this was the weakest of the three.
ASIT Poster version 2
This particular version was not as interesting or eye-catching as the first one but was less abstract.
ASIT Poster Final
The third and final poster was deemed relevant, interesting and the best of all three versions. This is the one that won the contest and was ultimately used to advertise the play.
CSS Zen Garden
October 2018
This is a project based solely on coding in CSS. We are provided with the HTML content and we have to come up with a design and use only CSS to make it work. I challenged myself to stick to only one colour and two images to create this design.
Full Page
Example CSS Code
From BibNumbers.com
2017-2018
While working for Bibnumbers.com I had the opportunity to work with many directors for both small and large events. I created most of the designs on the bibs for NYC Runs and XTERRA throughout 2017 and 2018.
Queens Marathon
Trail la clinique du coureur
Potter Run
XTERRA World Championship
Sunny Branch Cafe
December 2018
This is a website created for an imagined cafe. This project went from wireframes to prototypes to being hard coded. I utilized Bootstrap to support the final responsive layout.
Home Page
There was a lot of information to fit on the front page. I sought to make that information easy to read and not too daunting to look at.
Home Page Wireframe
This was the first draft of the wireframe for the home page.