Archive | Web Design RSS for this section

School project S4 – playing with divs

For this project we picked a celebrity out of a hat, and we had to design his/her homepage with relative <div>. I picked Jessica Szohl who plays Vanessa on the TV show Gossip Girl, which I knew nothing about. I designed something fun and girly for the background which seemed to fit her background and added a more sophisticated typo for her name.

Jessica Szohl

 copyright 2011

School project S3 – D-Day website

For this final web project, we had to design a 12 page website made out of CSS and divs that would also include a flash animation. We had to pick our subject early on and since we were in the midst of Remembrance day in Canada, I decided to go with D-Day. Click on the image below to see the working website.

D-Day website

 copyright 2010

School project S3 – Flash animation : La liberté

For this flash project we had carte blanche. The only restriction was a minimum length of 30 seconds. It took me a while to find an idea for this animation, but after seeing “Storming Juno” a “Band of Brothers” type TV movie focusing on the D-Day Canadian landing on Juno beach, I was inspired to write this poem (translated from French).

Freedom

It’s walking on the beach and forgeting your worries
It’s feeling the wind’s caress on your skin, carrying the smell of the sea
It’s hearing the sound of seagulls and waves crashing on the shore
It’s watching and listening to children laughing and playing.
Youth, innocence … ignorance
Free as birds they run without knowing the story … the story of this place.
A story of courage and sacrifice
The history of liberty
I hear the ghosts of the past
. . .
Children will learn this story
But us, do we take our freedom for granted?
Freedom has a price.
Thank you to all the soldiers who have walked these places
We will remember them.

I then decided to make that personal project my next flash animation. After the planning process, I recorded myself reading the poem and added music and sound effects, then, I took the elaborate task to animate the poem in flash. The picture quality I had of Juno beach was average at best, so I decided to give a painting effect to the whole production. Unfortunately, it didn’t came out as good as I wanted (sound and visual) but it did translate the poem adequately. Click on the image below to see the 2 min flash animation (in French).

la liberte flash animation

 copyright 2010

School project S3 – Flash ad

For our first flash project we had to pick a subject submited by classmates out of a hat and create a 728 x 90 px flash ad without sound. I was fortunate enough to pick the Avatar movie release on Blu-Ray. Click on the image below to see the animation.

avatar flash ad

 copyright 2010

School project S3 – Zombie Survival Guide website

This is our first big website project. With the teacher’s approval, we could design a website about pretty much everything we liked but it needed to have at least 6 pages, a lots of information and made out of tables (believe it or not). This will be the only website designed with tables in all 4 website courses of our design program. So, I decided to design a website based on Max Brooks book, “The Zombie Survival Guide : Complete Protection from the Living Dead“. If you are a fan of zombies you’ll love this scientific and practical approach to zombie survival. This is one of my best project of the semester if not THE best. I had a lot of fun reading the book and designing the website. Hope you enjoy it also. 🙂

Zombie Survival Guide

All written information contained in this website is the property of Max Brooks. This is a non-profit school project and no infringing claims are intended.

 copyright 2010

School project S3 – SuckerPunch movie homepage

For this exercise, we had to create a homepage of our choosing and incorporate some informations. The trailer for the upcoming movie “Suckerpunch” directed by Zack Snyder had just came out and I was impressed by the special effects and the unusual storyline. I decided too dig out some information about the movie and designed this simple homepage.

suckerpunch

 copyright 2010

School project S3 – Amazon Kindle Homepage

For our first assignment in our web design class, we had to design a basic homepage for the Amazon Kindle. My ideas for this design came mainly from the packaging of the new kindle and the device itself. The thing that sparked an idea was the tear off label that said “Once upon a time” (il était une fois : in French). You can also see the silhouette of a kid reading a book under a tree on the bar code. Those elements combined with a dreamy atmosphere made-up the banner. I was also inspired by the whirlwind of letters also visible on the packaging to create the background. The navigation button were design to mimic the “next page – prev page” on the Kindle. Obviously, the Amazon colors were used with the addition of the blue sky, a contrasting color to the orange. The final result is a corporate looking website with a splash of fun.

kindlehomepage

labelwhirld

barcodenextprev

 copyright 2010

New Homepage

Finally my old webpage, which hadn’t been updated since 2006, has been replaced. I needed to design a simple portal to link my domain name (danypepin.com) to this portfolio blog. My previous website had a good look but was badly designed, making updates quite a difficult task. For those who know me, the new concept is simple. Since the early 90’s, I’m known in different online circles under the nickname “Lunatic” (see also the title of this blog). This gave me the idea to create some sort of old psychiatric ward look with a patient profile sheet that would be visible near my cell door. I’m not really crazy, I just have crazy ideas. This website is temporary and will be replaced with a real portfolio website when I’m done with college. I’m just having fun here.

new website

 copyright 2010

School project S2 : Pop-up window

For this art history project we again had to create a fake advertisement inspired from an art movement, but this time in the form of a pop-up window. I really like the work of Art Nouveau artist Alphonse Mucha and was inspired to create an ad with element of his style. I chose a product from the “human” collection of the Fruits & Passion company. They sell products with natural essences and ingredients which also well represent the Art Nouveau movement who brought natural inspired elements in their art and designs. You can also see (below) some branding elements (colors, floral pattern) I used from the Fruits & Passion website to tie my fake ad to the actual look and style of the company.

FP

Screenshot

 copyright 2010

Blast from the past : Websites

Here are some of the websites I created before starting design school (from 2000 to 2009). They are all old school websites designed with frontpage 2000 (I know… horrible coding). I will officially get my very first web design class next fall.

iCtrees inc.
ictrees

Creative Audioscape Productions
cap

Dany Pépin Portfolio 2006
danypepin

Star Wars en Direct v2.0
swdv2

Viasat Geo-Technologies e-mail newletter
viasat

Legends Action Figure (2002)
laf

%d bloggers like this: