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

Robby Leonardi: a Nintendo-inspired animated CSS resume

If selling your web skills online is hardly child’s play, here’s one interactive résumé that purposefully proves the exception

In fact two sites in one, this URL for digital designer Robby Leonardi provides a nice contrast in ability and ambition. Moving from an older design portfolio still boasting enough to impress, the real highlight becomes Robby’s more contemporary interactive résumé.

Deriving direct inspiration from platform video games such as the iconic Mario Bros., we encounter a wildly colourful and playfully engaging effort. Combining cutesy graphical work with admirably robust web coding, the site speaks volumes for the designer’s skill and experience, even if your attention is distracted away from the CV information steadily revealed throughout.

“I wanted to make a fun interactive website, so I decided to give my résumé a game theme, despite the two things being very different,” Robby explains. “After much thought, I came up with an interesting solution to combine them. In this interactive résumé, the game enemies would ‘help’ the main game character by revealing content. I also used the game levels to form the sections within the résumé, such as Level 1 (ground) showing the ‘About’ section, level 2 (underwater) showing the ‘Skills’ section etc. In terms of tools I used HTML, CSS, JavaScript, and jQuery to build the site. They are web standards nowadays, and I also wanted to see my website on Apple mobile devices.”