Design Focus

Design Focus: For a Good Cause

This week in the spotlight: sites that promote doing good and helping people out, not only with aesthetically pleasing choices, but content presented in a memorable, useful manner.

Designs of the Week

Get solid WordPress themes, plugins, and even design training from iThemes.

Let's Do This website

Let’s Do This

Delightful mix of colors, patterns, and fonts, with a large Donate button at the center of the action. The slanting lines and irregular type give off an kinetic, “let’s take action” feel to the page, hopefully to get you to participate in the cause.

Infinite Causes website

Infinite Causes

Simple and clean one page site. Always nice to have a counter that shows off how successful you are in achieving your goal, although the flipping counter is a little too common these days. The causes are laid out neatly in the bottom, with featured ones in a slideshow on the left third of the layout, but I have to wonder if there’s a more effective, more clever way of presenting them.

Drug Treatment website

Drug Treatment

Horizontally-oriented design with a click-to-discover approach. The parallax animations and illustrations look great, especially the transition from the dark homepage to a light subsequent page. It’s really just the social buttons on the top right and bottom left corners that are jarring.

Dumb Ways to Die website

Dumb Ways to Die

The viral video, if you haven’t seen yet, is cute and hilarious, and you can see most of the characters featured in it on the site. But I think it would have been more interesting and enticing to click on each one of them if they did their little dance in “default” mode, and then keep an looping animation going after the click. The way this site is designed, I actually want to have stuff moving around.

Social Media Weekly

Make Headway, make intuitive layouts, make it your WordPress theme of choice!

HTML5, Performance50 Performance Tricks to make your HTML5 Applications and Sites faster
“Microsoft recently hosted the BUILD 2012 conference at the Microsoft campus in Redmond, WA. At this conference, I had the opportunity to share the Internet Explorer team’s favorite 50 performance tips to make HTML5 apps and sites faster.”

Typography, CSSTypespiration
“Treating typography with respect.”

CSSGetting Inner Border Radius Just Right
“Now, unlike most math­em­at­ical for­mu­las, this one isn’t always right. You may encounter the odd situ­ation where the res­ult doesn’t look quite right, so keep in mind that this is only a guide; you may need to eye­ball it to get it perfect.”

Sorry, comments are closed.