Web Design



Cuddly Critters Rescue Society Website


This is a website I designed as a project for my Photoshop class. I used Photoshop techniques such as the gradient tool, the pen tool and drop shadow. I choose the colour scheme of browns based on the subject matter with a pop of pink for a splash of colour. The content was developed in my Web Communications class and demonstrates the proper use of headings, links and chunking of the information. I then hand-coded the site using HTML and CSS.


Programs used: Photoshop, HTML, CSS.


Click here for more information.

Spark New Media Website


This is a website I designed as a project for my Project Management class. I originally designed it as a prototype in Photoshop and then hand-coded it using HTML and CSS. The banner was created playing on the word "Spark" making use of Photoshop effects. A dark background was used to make the effects stand out. The accenting colour was a gold colour pulled from the spark.


Programs used: Photoshop, HTML, CSS.


Click here for more information.

Artists in the Boro Website


This is a website for a group I belong to that I re-designed as a project for my Mobile Web class. The colour scheme was pulled from the existing logo: dark green, raspberry and orange. The design features gradient boxes, rounded corners and drop shadows using CSS. In addition, I used Lightbox2 for the image gallery of each artist. The site is re-sizeable for a smart phone/iphone.


Programs used: HTML, CSS, Lightbox2.


Click here for more information.

Rusart Art Supplies Website Prototype


This is a medium-fidelity website prototype I designed for Rusart Art Supplies. The most challenging thing on this project was the complexity - how to divide up the supplies without creating too many layers for the user to go through. In the end, I decided tabs were a good separator for the different types (for example, there are brushes for acrylic, oil, etc.). I did the design using Photoshop, then a developer coded the site.


Programs used: Photoshop.


Click here for more information.

Holidays Giftshop Website Prototype


This is a medium-fidelity website prototype of a landing page I did for Results Professional Marketing. The challenge for this design was the fact that the client doesn't actually sell gifts, but refers people to other sites that sell a particular item. I was able to categorize the items rather than showing specific items and supplemented the categories with generic photos.


Programs used: Photoshop.


Click here to view page.

Shooting Star Amusements Website Prototype


This is a medium-fidelity website prototype (home page & internal page) I did for Results Professional Marketing. I evaluated the navigation and made it simpler and more user-friendly. The other challenge with this project was how to make the following areas stand out: Film/Industry Prop Rental, Corporate Events, Contests and Upcoming Events. I used their corporate colours as the colour scheme and made use of the star from their logo as both bullets and a border.


Programs used: Photoshop.


Click here to view pages.