All posts tagged photoshop

Zen Bones Yoga

Zen Bones Yoga is the first and only hot (and not) yoga studio in Newmarket, Ontario.

The About section of the site tells visitors exactly what to expect at the studio.  The site also features a Schedules page showing the various classes as well as a Team page which has bios about all instructors.  A key component of the site was the ability to integrate with the online booking system which allows visitors to register online for classes.  The Media page is a blog allowing Zen Bones to share stories, images, and videos about yoga with their clients.  Finally the Contact page includes an email form, an interactive map with directions, and good old fashioned contact information.

Visit zenbonesyoga.com

Niagara Bullmastiffs

Niagara Bullmastiffs was looking for new ways to showcase their dogs.  They wanted an attractive site where they could easily upload photos and announce when new puppies were available.

The solution included twitter integration, a Flickr slideshow, and an interactive Google Map.  The live twitter stream allows the breeders to make announcements about new dogs.  The Flickr slideshow allows them to easily upload photos to a Flickr account and automatically display the photos on their site.  These two tools were useful for the site owner since they wanted to be able to quickly update their site without having to learn any html coding.

Visit Niagara Bullmastiffs: http://niagarabullmastiffs.com/

Next Steps Microsite

This micro-site gives information to incoming Humber students to ensure they do not miss any important dates when starting school.

This was an enjoyable project which allowed me have some fun with the visual design of the site.  I embedded various services into the site (google calendar, twitter, facebook) to keep the content fresh.  The dates are managed very simply by logging in to a google calendar.

Visit the next steps microsite.

Humber Interactive Presentation #2

The goal of this presentation was to inform prospective students of what life as a Humber student is like.

Following Humber’s brand standards, I used existing visuals to create an interactive Flash based presentation.  The presentation covers topics such as program offerings, life on campus, and how to actually apply to the college.

Among other things, this presentation included a photo gallery and an interactive map.

Humber Interactive Presentation #1

The goal of this presentation was to inform prospective students of what life as a Humber student is like.

Following Humber’s brand standards and that year’s specific marketing campaign, I used existing visuals to create an interactive Flash based presentation.  The presentation covers topics such as program offerings, life on campus, and how to actually apply to the college

Ontario College Degree Presentation

This Flash based presentation gives information about the numerous degree programs at colleges in Ontario.

The metaphor for this presentation was information in a notebook.  Building this presentation was a lot of fun because I was able to use my own pen sketches (a very old way of displaying information) and bring them into a interactive digital presentation.  After sketching each component onto lined paper, scanning them, and photographing the notebook on a white surface, I was able to combine them in Flash and add transitions and animation.

Ontario College Presentation

This Flash based presentation was developed to inform high school students across Ontario about college options.

I was able to use a lot of animation to add visual interest to this project.  The project was built in Flash using ActionScript 3.0 to really make it interactive.

The concept of the presentation was a bulletin board full of information about colleges across the province.  The presentation zooms in to different parts of the bulletin board to give more information about specific topics with even more interaction at each level.  Some examples are a trivia game, an interactive map, and interactive bios about successful Ontario college graduates.

Technical Drawings – Richard Best

Richard Best is a furniture designer and builder in British Columbia who works mainly in  the traditional “craftsman” period.

Working with Richard allowed me to utilize my graphic design skills to make a project easier to complete.  In this case I used SolidWorks, a 3D CAD program to make a virtual model of the chair.  From this model drawings were printed as cutting patterns and renderings were created to show the chair with different finishes.

In addition to being the blueprints for the final design, the process of building the virtual model allowed for problem solving without the need to waste expensive material.

Product Rendering – RainX

Cadence Harbour Retail Design & Exhibits wanted to illustrate how a specific product would look in one of their new display pieces.  I used SolidWorks, a computer assisted drafting (CAD) program to construct all of the components as a 3D virtual model.  Once the model was built, I created photo quality renderings from those files.

These images were used to show what the products would look like inside the new display units.