2007 / September 26th/ Schematic
Every once in a while, someone creates a site that takes a new concept and re-applies it in a unique way that just works perfect. Welcome to the new Schematic. This site takes the zooming interface concept familiar to all iPhone owners and applies it to an agency site with Flash.
Zooming, tapping, throwing
Instead of the usual action button and scrollbar approach, this site uses the interface concepts found in the iPhone. You can click in the gray area and you will get a zoomed view where you see all the pages at once. From this view you can either click and hold to throw the interface around (like you would scroll on the iPhone) or click on a tile to zoom into it.
Site map and navigation in one
This zoomed out version is beautiful to me. Not only can you visually navigate the site from here, you can see the overall structure of the site and how pages relate to one another.
Zoomed-out version of the interface | Full View
Typography
You know any site with Helvetica Neue is going to score points in my book (I’m a total sucker for Neue). But this site does a very good job of combining multiple font sizes without feeling too inconsistent. It’s a good way to play with a limited canvas (fixed height per tile) and still get the content you want in view.
Flash done right
Once again this is a great example of Flash done right. You can even permalink to specific pages as you browse. Did I also mention that there’s a fully content-functional non-flash version of the site? Check out this link with flash disabled. Also note that if you have flash enabled — that link will forward you to the correct place. This is why Schematic does so well in search engines.
All in all, it showcases everything done “right” with Flash. It’s my new favorite example to show people who say hubris things like “Flash can’t rank on Google.”
Conclusion
I’d like to applaud the Schematic team for this beautiful piece of work. Well done gang, I love it!
4 Comments
Make a Comment
don’t be afraid, it’s just text

Warpspire is the place that web professional Kyle Neath writes about the web. 


September 26th | #
[…] the very Wordpress template I’m using at the moment, wrote a really great, really positive review of the site. I’m definitely glad to see my company’s–and my […]
September 26th | #
Hi! It’s great to see the company some recognition for the site. For all the kind words, there’s a lot under the hood that’s equally impressive. Take a look at Roger Braunstein’s post for more fun details.
September 29th | #
[…] Warpspire […]
January 13th | #
[…] Sonstiges: http://www.schematic.com/ Interfaceexperiment, vom iPhone inspiriert. via warpspire […]