Diagramorama: Web 2.0 Portal Design




Web 2.0 Portal Design

Originally uploaded by nathanialfreitas

First in a series….

This was a solution developed for a client who wanted a deep portal experience for their target users, built through the integration of a variety of third-party services. Google Custom Search on a set of curated and keyword-filtered websites. Yelp for finding relevant business listings. Amazon’s E-Commerce API for promoting and selling featured products and building promotional partnerships with specific vendors. Ning as the community glue which would tie everything together. All of these components would be put together under a single skin, navigation and information architecture to create what should be a fairly seamless experience.

This approach can be used for pretty much any niche or target demographic, as well

links for 2008-10-03

Published
Categorized as Awareness

links for 2008-10-01

Published
Categorized as Awareness

Functional About Card – a better business card?

This morning, upon realizing my old business cards were mostly out of date, I decided to design a new card. I pulled up the most excellent Apple Pages and started designing away… now they have some nice built-in templates, but the problem is that you always end up with something you can’t easily manufacturer in the comfort of your own home. I’ve gone through a few sets of Moo cards, but I’ve grown weary of them a bit, as they just seem to disappear so quickly and aren’t that cheap. I looked at my stack of paper next to the printer, and noticed some index cards I had bought for recipes, D&D and perhaps a little-used Hipster PDA. In that moment, I was struck with a minor inspiration, which resulted in the work below… though its up to you to decide, of course, how productive my morning actually was.

Introducing… the Functional About Card (fāc)!
The Functional About Card (fāc) is a business card format & template that prints on 3×5 index cards in the color of your choice (Office Depot 500 pack on Recycled Paper for $2.89). The goal was to create a business card that can be easily produced on demand with a home printer, and is actually useful and functional, as opposed to the usual dead tree spam you usually get that just collect dust.

Functional About Card layout

The card design is two-sided, comprised of four 2.5×3″ quadrants:

  • a read-only information quad providing your critical stats (name, title, email, charisma, hit points)
  • a writeable, line-ruled quad where recipients of your card can take notes on things you’ve said, or perhaps what others have said about you. this area can also be torn off (see ‘scoring’ info later) and used for exchanging numbers or stock tips
  • a visual quad for displaying geeky things like QRCodes, avatars, creative commons badgets and so on
  • a blank “scratchpad” quad for brainstorming, mind mapping, UML sequence diagrams or maps for meeting up later in the evening

Functional About Card - Front View

You could optionally replace the note-taking area on the right with a maze, crossword puzzle, madlib or other small format, amusing game. Anyone you give you a card to will be delighted later when they discover that you’ve actually given them something fun to pass the time.

Functional About Card - Back View

I’ve chosen to use the back side to display a QRCode, but if that is just way too geeky for you, feel free to put a picture of yourself, your pet, your favorite flower or historical figure (Ben Franklin!). You might also expand the right “idea napkin” area to the whole card, because admittedly, 3×2.5″ isn’t much room for a great idea.

Functional About Card - the fold

Make sure to lightly score (with a screw driver, razor blade or exact knife) and fold the card down the middle of the long length… this way it fits nicely into wallets, pockets and other places people typically put these things. This also makes the card a bit easier to tear evenly in half, in case it needs to be used as a part of a sneaker net data transmission.

Download the template in Apple Pages, PDF and MS Word formats: FunctionalAboutCard-1.0.zip

Oh, yeah, and this template has been released under the Creative Commons By Attribution 3.0 license.

Creative Commons License
Functional About Card by Nathanial Freitas is licensed under a Creative Commons Attribution-Share Alike 3.0 United States License.
Based on a work at openideals.com.
Permissions beyond the scope of this license may be available at http://openideals.com.

So, there it is… I hope you love it, and if not, that you’ll provide some useful suggestions and improvements upon this flight of fancy.