• Home
  • About
  • Contact
  • Advertise

Devlounge

Design, Develop, and Grow

  • Home
  • Code
  • Design
  • Design Focus
  • Interviews
  • Publishing
  • Strategy
  • Webapps
  • Extras

Friday Focus 07/15/11: About Me Infographics

July 15, 2011 By Sophia Lucero

This week on Friday Focus, we’re looking at lovely visualizations embedded in designers’ portfolios. Infographics as standalone articles are the darling of the crowd these days, but using them to describe onself is another great use for them.

Designs of the Week

MacMillan Lynch About page
MacMillan Lynch's About page

I like the warm monochromatic orange palette and the mix of translucency and patterns, although the location of the descriptions seems a little cramped. One interesting choice here was to use of circles with varying sizes for the education history graphic, where one would normally expect some kind of timeline. One last nitpick: using <div> as content separators instead of <hr>? Not cool (read: semantic)!

Deidre "Deda" Bain About Me section
Deidre "Deda" Bain's About Me section

There’s a bit of a blueprint feel going on in the background. It’s a little disappointing to see that like the previous site, the graphs are just images, not clever reinterpretations of actual meaningful markup. But the infographic/magazine “vibe” echoes throughout the one-page site with mechanical diagrams (check out the Process section for another visualization), multi-column text blocks, and stylized headings (that are unfortunately also just images, not even image-replaced HTML heading tags).

Henry Brown About section
Henry Brown's About section

I quite like the contrast between the colorful wheel of competencies and the toned-down timeline below it, and yet if you hover over each tick mark and read his notes in the tooltips, it actually becomes more laid-back than the circular chart. This section left me wanting more! Or maybe I’m just used to seeing infographics that are thousands and thousands of pixels tall.

Social Media Weekly

Design, Content Strategy – Content Choreography
It’s not enough that apply media queries for various sizes, but contemplate what the rearrangement of content in various screen sizes will do for the users’ browsing and consumption experience.

Design – Using the Black Box Model to Design Better Websites
Get a dose of psychology and consumer theory before you design your next site. “No matter what you’re designing, you’re almost always selling something.”

User Interface Design – How to Arrange Interface Elements
Learn how to group, prioritize, and layout the important features a user will need on a page.

Filed Under: Design Focus Tagged With: black box model, blueprint, content strategy, graphs, illustration, infographics, responsive web design, visualization

Code & Tutorials

Which Front-End Development Languages Will Grow in 2017?

Your Guide to Leveraging APIs as a Developer

Bitcoin Processing Website Integration For Web Developers

Website Security For 2016 That All Developers Need To Know

5 Reasons You Need to Be Using jQuery

About Devlounge

Want to read more about Devlounge, or maybe you want to contact us, or even advertise? Oh, and don't forget to subscribe to updates!

The Best of Devlounge

php_frameworks

Top 7 PHP Frameworks

Search