Web & Patterns: patterns for a better web.

Interesting example of big, iconic, faceted search form.

As you may know, I’m big on minimal & typographical layouts.

You can use the same symbol for your website pagination as for its menu navigation, provided that you change its orientation.

A bright example of big typography on the web.

You can use your Lego bricks again, building all over Australia and New Zealand on a digital landscape created via Google Maps. I instantly loved how smoothly is styled the slider that switches from 2D to 3D view. Works with Chrome.

A nice row of real-time data visualizations enriches the online showcase of the popular German cars brand Mercedes Benz.

This stylish and powerful website illustrating MOMA‘s current exibhithion about childhood in the past century, can definitely convince me that, yes, Flash animation it’s already been replaced by HTML5 technology.

An inspiring and elegant example of grid based, fixed menu by digital creative and interaction designer Rich Brown.

This little “greeting card” website made by Soleil Noir combines exceptionally smooth animations with geometrically stunning illustration.

Thanks to Jesse Kirsh, a brilliant designer from Portland, for providing this bright specimen of contact form.

This Grizzly logo stands always in the middle of the page overlapping contents.

Icons and logo really make Duet website look really good thanks to their perfect color coordination.

Mouse hover over Fancy’s logo and an ice cream stick will slide down.

You can mix the content of this dynamic grid layout using a simple but brilliantly styled slider.

Pleasant “sketchy” look & feel for this ecommerce dedicated to baby footwear and clothing.

A cut in the N‘s stem brilliantly creates the I of Nemeth Interactive’s logo.

A nice error page from Mattrunks, a French website for motion graphic lovers.

A picture is worth a thousand words so I think that an infographic can easily summarize and replace the text in your website.

Clean and fresh alphabetical navigation found in Postable, an interesting tool to create your address book in a kind of user generated way.

A beautiful sliding navigation made of silhouettes in negative space.

A plant extending out of its pot, sustains this website’s footer, underlining the organic and green inspiration of this blog. Fight for future in fact all about environment: an interactive online campaign dedicated to educate and create awareness on protecting and conserving the Mother Nature in the most easy and fun way. It is like a [...]

A particularly well-made menu expands horizontally the main navigation while displaying below the secondary categories.

Another funny 404 error page where copywriting and visual work particularly well together.

A nice way to polish your website design is to add to your footer a small but memorable illustration.

A nice sliding effect in Joint Media portfolio shows the captions hidden underneath each pic.

A fresh, shiny example of footer design with vibrant, intensely hued baloons and bubbles to add emphasis to texts and titles.

A minimal grid meets a horizontal scrolling in this interesting, minimal, website about design and typography.

I immediately noticed and loved the plus sign used in the submit button of this huge, “organic” form.

I couldn’t shake this feeling that I was missing something in my collection of navigation, so today I picked for you this fine example of textual accordion menu.

The first thing you’ll need to do, when meeting an unknown audience, is obviously to introduce yourself. You’ll have to do it also in your website. In this case, illustrator and webdesigner Jacob Souva is introducing himself using an old photo of himself as a kid, framed by concentric circles, conveying a warm and friendly [...]