Notice: Undefined index: order_next_posts in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 194

Notice: Undefined index: post_link_target in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 195

Notice: Undefined index: posts_featured_size in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 196

The Good Man

The Good Man experiment is an astonishingly competent achievement that reveals how powerful HTML5 can be when combined with CSS3

Animations using CSS have come and gone, but few have impressed as much as this graduation piece. The level of technical prowess on show is inspiring. Using a synced soundtrack, Hudson has distilled the facets of the narrative into a set of icon-based images that perfectly complement the monologue.

What could have been a sparse and uninteresting piece is transformed into an engaging experience, which illustrates a level of maturity with today’s digital tools that many other designers will aspire to.

As Pedro explains: “The Good Man is about visual transcription of a narrative that doesn’t use traditional images, just web fonts and shapes. It’s intended to run smoothly in modern web browsers and to be as scalable as possible.”

Detailed images and graphics are not needed here, as the designer has cut to the essence of what audiovisual storytelling means online. Using typography and a universal shape set enables the site to communicate its message to anyone.