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.