Web & Patterns: patterns for a better web.

Cocollective website’s texts create repeatedly a pun that recalls the agency’s name, creating an element of surprise and memorability.

This “low-fi” logo belonging Stink (an international digital agency specialized in videos) made my day.

Moving the mouse over, makes the clouds disappear and the sign up form shine brightly.

CitySounds.fm is an online radio (and iphone app) that lets you discover music produced in cities around the world. I love the simple and uniform grid, based on a austere rectangular scheme, which conveys the idea of a gigantic button board.

Google error page is kind of fun: the gray captions made me smile.

I find it very classy when text is set across two columns, especially when followed by full width images.

The Inside Source, eBay’s online magazine, is another nice example of minimal design applied to fashion and style. I love the way the pink spots, vividly contrasting the overall black-and-white design, are used to drag your attention on salient assets such as the hot topics or the current item in the pagination.

Today I’m loving Booki.sh logo and its capital B, metamorphosed into a pair of glasses. Booki.sh is a complete web-based platform for distributing, selling and reading ebooks.

A good logo design can play a significant role in enhancing the memorability of your business and/or website. I love (and I find it very effective) when you can play on the primary logo design creating variations, which might be helpful to the communication of your services and to capturing interest on your brand as [...]

Frank Chimero has explored the typographic and expressive possibilities of Web Open Font Format, creating this beautiful scrolling page.

Authentic Jobs is a job board website designed by Cameron Moll which specializes in connecting companies with creative professionals. Candidates are easily able to filter the job listing using different kind of filters: among them, a nice drop-down form make the offers sortable by geographical proximity.

The Human Rights Logo Challenge is a global contest whose aim is to create a human rights logo “by people for people”, thus making a contribution towards the global spread and implementation of human rights with the support of a large public. The contributions and their provenance are nicely displayed on a Google map. You [...]

Listgeeks is a social network designed for creating and sharing lists of things: lists boxes are neatly set on a 3 columns, almost square-based, grid; their vivid colours invigorate a strongly geometrical sequence that, otherwise, could have turned out cold and “discouraging”.

An unmistakable example of perfect minimalism in breadcrumbs webdesign. The color of the highlighted link will change everyday according to this.

An interesting example of concept map showing the relationships among Wired Magazine contents. In other words: The Wired mind is a visualisation tool that provides another way to browse the content on Wired.co.uk. It’s been created in partnership with Microsoft’s Internet Explorer 9 browser to show off some of the great things you can do [...]

This piece is taken from the web design portfolio and project gallery of Rhode Island based web designer Jeremy Girard.

A nice tabbed form on the top page lets you sign in to this famous bookmarklet app.

The distinction and hierarchy of the different offerings are expressed by arranging the graphic elements on a fake perspective.

I’m really excited to introduce to you Movie Title Stills Collection, one of my favourite references on the web for what concerns vintage (but also recent) typography. I’m really thankful to Christian Annyas for providing this huge collection of screenshots and such an incredibile inspirational resource.

A simple way to entertain your users while they’re waiting for search results. In order to see it, you have to click on the “find a hotel” button on the left page.

A segmented button allows you to feature two or more different actions using only one GUI element. In this example, active areas are colored while the price information, though it’s framed in a major graphic element, is just selectable text .

According to the Gestalt psychology’s Law of proximity, things that are near to each other either physycally (in this case visually) or chronologically, are likely to be perceived as related. So, if your header accomodates different kinds of link (e.g: some for the website navigations and some for the user’s account management) it’s a good [...]

Beautiful and funny “about us” page: since we don’t have such category, let’s pretend we’ve liked the copywriting. I really suggest you to visit the external link (on the upper left corner).

For the moment being, Tarnica aka Taito Ichi’s portfolio is under construction, but these giant pink trees are really glad to keep you company.

You can play this incredible human beat-box by drag-dropping a set of fanciful black-and-white icons.

This joyful red menu (and the whole website) reminded me of the work of the American sculptor Alexander Calder and made me reminiscing about his mobile sculptures.

area 22 is a nice portfolio from the San Francisco based designer Sonia Chan and a beautiful example of minimal design as well. Apart from that, I love the tiny text snippets that introduce each section: they give a really personal touch to the browsing experience.

We admire the elegant and cunning way the reversed A inserts into the M‘s white space.

A nice numeral menu/pagination displayed on 52 weeks of UX, a tumblr collecting Joshua Porter‘s thoughts about design and usability.

Congrats and respect to Ryan Putnam who recently launched Vector Mill, a website selling finest vector art, patterns and useful resources designed to speed up and improve your workflow. Definitely loved the crate imaginary and these icons displayed on the website home page.