Whimsical Website Design

Here’s a favourite website I found that uses a full screen layout. The site is for web designer Denise Chandler who has a flare for whimsy and a talent for details. Many design elements work together to give the site its charm.Denise Chandler

Launch the site and take a closer look at the midway graphic in the foreground. What do you see? The ferris wheel is turning, and at frequent intervals, the roller coaster ride starts. The animation is subtle, but it gives the site an extra detail that adds to its appeal.

Notice how effective the block of words in white is as the navigation feature. The fun fonts add to the whimsical style. Try moving your mouse over each word to see what happens. Did you notice how the fill in the letters changes? And the fill is different for each word. Clever. My favourite is how the letters change in the word Portfolio.

To create the background image, it seems the designer started with a solid turquoise rectangle. She added a silhouette in grey to give it depth and overlay the silhouette with the black midway scene. Using black for the midway makes it appear closer so that it’s in the foreground.

The About Me block of text and social media links on the black background perfectly balance the navigation block of words. The final touch of whimsy on the page comes from the choice of icons and the curved arrow.

Check out Denise’s portfolio to see more fun website designs. They are all different and yet she has a recognizable style.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s