Web & Patterns: patterns for a better web.

Pagination on Image Spark, an interesting service that allows you to create not only galleries but also moodboard, is fairly unusual drawn as tabs.

Ballpark price plan Ballpark visually shows how the costs increase proportionally to the range of services offered.

Cheery illustrations on Think Orange website, a Portuguese design studio.

The home of Foodfeed is disarmingly simple: above a search form, to right a column with the last feeds and to the left the instructions to the service in 3 little steps.

Breadcrumbs trail in Uncover.com is extremely graphic and cleverly makes overlapping the logo and the starting point of the path.

Sometimes an editorial choice may defuse the “panic” caused by an error message.

The contact form becomes a graphic element perfectly fitted in context, with a high vsibility and a dark background. Is also of interest the alligator background leaning on the footer and being used , e.g in the company Twitter, as a logo.

A nice way to present data sometimes a bit boring.

Seed Magazine uses an original classic tagcloud, which becomes a vertical element that complements the text with the correspondent tags highlighted: an unusual navigation but very explicit and effective.

An interesting listing of photos create a public time line on TwitPic website, a service that lets you share your photos on Twitter.

The paging buttons on PSDTUTS +, one of my favorite website about creative resources and tutorials for Photoshop, it’s perfectly coordinated with all the other interface elements.

The voting system implemented in Behance  is simply a thumb up. If you click on it in the description page, it gives a textual feedback (thank you!) , while in other sections (e.g home page, category listings) indicates also the total score.

How many books have you read? How much coffee have you drunk?  If you want to track your stats and show them to friends and relatives, Daytum is the social for you.

  Interesting these buttons / logo: they make a uniform list of a bunch of different graphic elements.  The effect on mouse over (e.g. Videoegg.com) is also light and pleasant.

Sometimes (but not always) an illustration allows us to express an idea with more clarity and intuitiveness of a written text: as in this case the fish orange represents the customer profile, in perfect consistency with the global marine environment.

A very delicate balloon, perfectly consistent with the style of this site dedicated to mothers and motherhood.

The most minimal way to represent a search form.

One of the most comprehensive web sites about grids, with a rich library of templates that can be downloaded freely.  Interesting also the button “Show Grid” in the top right corner to show / hide the grid.

For those who love frameworks here you are an excellent set of templates, downloadable for free, to design and build 960px wide grids.

I like the way the breadcrumbs binds to the title of the search form, entering seamlessy into the layout.

Self-explaining the meaning of the search button.

Icons on web sites often tend to get standardized (a heart, a star, the magic wand …): if this uniformity promotes understanding, on the other hand mortifies the originality of the site and conveys a nagging feeling of “pre-packed thing”.  One way to personalize your icons style is, as in this case, characterizing them with a [...]

Commands acting on Babelgum showcase are many but well distributed. There are two intersting solutions: the baloon with information and additional options (mouse over on a single thumb) and the submenu expanding from above, when you activate functions such as sharing.

A breadcrumbs trail a bit different from usual and highlighted by a graphic treatment consistent with the global layout of this community for supporters of ecology and environmental sustainability.

Zen minimalism? Absolute cleanliness? Radical chic?  How to describe the interface of this study of Japanese Interaction Designers?

A successful combination of primary and secondary navigation in the inner sections of this famous Italian website.

Very refined  both the desaturated palette and the grid of this New Zealand online shopping.

A website and a project dedicated to RSS and Atom icon!

I like Incspring philosophy: recycling logos and brand unsold (and unused) at a reasonable price for a start-up!  The interface is well-designed and full of interesting details.

Saturized works are all prestigious and of high quality. They find a worthy exhibition space in this showcase that has a dual navigation: one to move through the individual project (number on the top) and the other one to skip to another project (the arrows).