Design Scanner

Designed in 2007

An app to inspire and educate creative professionals.

Design Scanner scans the best design sites, articles and tutorials on the web, presenting the content in a beautiful and customizable interface, tailored to a users interests. The result is an experience that brings together inspirational design and informative articles, as well as a utility that finds and manages the enormous, but often overwhelming world of tutorials.

Two apps in one

As a designer I come across great articles, resources, tutorials and inspiration all day. Aggregator apps are something all of us rely on to help manage the massive amount of digital stimulus we allow into our lives. As designers it can be even more intense as we are constantly judging other work, searching for answers to questions and trying to stay on top of the ever-changing landscape where technology and

design are converging. I have my favorite blogs, sites and RSS feeds that provide me with this information, yet, after searching for months, I was unable to find an aggregator that pulled in topics of interest related to design and inspiration and also did a good job at corralling tutorials that come to be so useful for designers on a daily basis.

THE BUILDING BLOCKS

  1. Setting a grid

The grid layout is essential to great responsive design and clean content presentation. I chose this as my primary layout but managing both portrait and landscape layouts proved to be a challenge. I hadn’t taken into account the nav bar between both orientations and also consideration for different gutter space between tiles.

2. Establishing space

Customizing search and article results using stacked tiles in different sizes was also a requirement. I want the user to be able to define the view (in future revs) so I developed stackable tiles to suit both orientations. As a result, a user would be able to merge different tiles with one swipe.

THE FINAL WIREFRAME

Single Tile, Double Wide, Double Stack and Quad Stack

FINAL DESIGN

Here are the final designs

Previous
Previous

Hotwire - Design Review

Next
Next

Simple QL Analytics