Feature
Post

Category
Design Focus


Friday Focus 06/25/10: Kid-Friendly

No, these websites aren’t just for the little ones, but their designs certainly have a child-focused appeal to them. Check out the elements that make up a Kid-Friendly look on this week’s Friday Focus.

Designs of the Week

Bowtie Interactive Studio

One page sites usually employ a storybook approach to the design and content, and this is a perfect example: playful hand-drawn illustrations, bright colors, large text, and animations.

Kaleidoscope App

Kids prefer books with lots of pictures in them. Never skimp on illustrations, even with icons; it’s so much easier to skim a site than a book and those will hold your visitors’ attention.

TwentyFeet

This may or may not be intentional, but the ruler in the background and the giraffe instantly remind me of those height measurement charts. Clever and refreshingly unique metaphor.

McMillers Sweets Emporium

My favorite part? The candy cane style arrows!

AutoMagical

A little too wide for my screen, but all the details are stunning, especially the buttons.

Not Back to School Days

An otherwise straight-laced gets a touch of whimsy with some Disney pixie dust. Still looks professional, but with a more interesting color palette.

Lee Driscoll

I like how practically everything in this design is custom, and it’s just the body text that needs a little tweaking. The moving background gives depth.

Maksimer din konverteringsrate

An abstracted version of building blocks that behave like sheets of paper when hovered over.

Doorstep Dairy

There are different kinds of interactivity, but this is probably the most fun: letting you scroll through content using the milk delivery truck. Excellent typography and other detail.

Vacation in Supetarska Draga on island of Rab

This reminds me of those video game maps where you move from one location to another each level. Using sailboats as navigation markers is utterly brilliant!

Social Media Weekly

DesignGraphic Design Theory: 50 Resources and Articles

HTMLHTML5Rocks

CSSCSS3 Animations, the Power Back to CSS Part 1: Transitions

CSSWhat Does “width: 100%” Do in CSS?

BrowsersIE’s Compatibility Features for Site Developers


  1. By Victoria Blount posted on June 28, 2010 at 10:10 am
    Want an avatar? Get a gravatar! • You can link to this comment

    Some really nice examples of child friendly web designs, i like the simple organic looking sites, the height measure on “Twenty Feet” is really unique and clever.

  2. By Jarkko Sibenberg posted on June 30, 2010 at 8:18 am
    Want an avatar? Get a gravatar! • You can link to this comment

    Kid friendly sites often have some brilliant illustrations. I like the amount of detail in Auto Magical, the idea in Doorstep Dairy and those custom made boxes and borders in Lee Driscoll.

    I seem to run into this Maksimer page on many blogs and galleries. I’m not really sure how much kid-like appeal it has. Instead of building blocks I see Post-it notes and office environment.

  3. By Sophia Lucero posted on July 2, 2010 at 8:28 am
    Want an avatar? Get a gravatar! • You can link to this comment

    The Maksimer page is sort of a deconstruction of several kid-friendly concepts: colorful blocks that vary in heights transformed into a corporate-appropriate look.

  4. Trackback