2007 / September 26^th/ 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.

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!

1. 

   Daniel Does Dallas » Blog Archive » Schematic.com in the news.

   September 26^th | #

   [...] 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 [...]

2. 

   Daniel Williams

   September 26^th | #

   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.

3. 

   blog.jeffyamada.com » Blog Archive » Schematic.com Version 3.

   September 29^th | #

   [...] Warpspire [...]

4. 

   Cache-flush | Yoshi K

   January 13^th | #

   [...] Sonstiges: http://www.schematic.com/ Interfaceexperiment, vom iPhone inspiriert. via warpspire [...]

5. 

   Keith

   July 16^th | #

   I don’t use Wordpress, I use Joomla!, but I must admit, if I knew of these good templates, I’d consider Wordpress :-)

   No, I’m kidding. But I just wanted to say You do a great job and I really like this EA template.
   “EA sports… It’s in the game”.

   Keep up the good work.

   Thumbs up!

6. 

   Adam

   September 3^rd | #

   That’s an insanely good website – the flash permalinks work perfectly. I’ve gotta say that I’m not crazy about the typeface, it’s too big and there’s not enough letter spacing. Also why’s the button to that blog so pixellated?

   Otherwise an outstanding idea for a site, expertly executed.

7. 

   favourite world

   March 5^th | #

   i got this site by search engine, and also here i can see the unique designs and also many collections of the designs , this is a nice experience for me to see here,

8. 

   Economy News

   March 8^th | #

   Wow. That is the most amazing template I have ever seen. Perfect idea, perfect implementation, perfect design

Name

Email (will not be published)

Website (optional)