It’s nice (and sadly quite rare) featuring in Web & Patterns an Italian web sites: in this case we want to introduce you SNAV, a shipping company.
The entire site is set in a clear and generally well done visual treatment and I especially like the booking form that allows you to select your route by either [...]
in
Forms
A classic: the drop-down menu (in this case graphic designer Anton Mircea’s portfolio).
in
Ajax & Effects,
Menu & Navigation
Impulse Studios footer conjugates both the functions of customers login and map site navigation.
in
Footers,
Sign In & Sign Up
Mojizu, an online community dedicated to characters design, has a very funny rating system: the site’s logo, designed as a ninja, runs above the numbers following the mouse pointer.
Even the details of the vote have been carefully designed: the logo frozen or burning represent the highest or lowest point of the scale.
in
Ratings
Absolute Bica is the portfolio of Bryan Kohlmeier: you can customize the background image by choosing between four different settings, inspired by various times of day.
in
Backgrounds
Oursignal is one of my favorite websites ever: according to an algorithm developed by Stateless Systems, the top most viewed pages in digg, reddit, del.icio.us, hackernews and yahoo buzz are presented as one page grid .
The size of each box is proportional to the relative number of votes while background colours represent the degree of hotness [...]
in
Typography
Intervals is an online tool for project management and time tracking. The price of the product is a quite simple table, but with a very useful mouse over that highlights both rows and columns and thus greatly facilitates the reading of data.
in
Tables & Infographics
The button to activate Babel With Me (a beautiful and useful chat service that allows simultaneous translation in 45 different languages) is huge and clearly stands out.
in
Buttons, Bullets & Badges
A rare example of vertical paginations is featured in Alucinógena, a Chilean showcase who collects the most shocking (in a positive sense) examples of graphic design.
in
Paginations
This is not a real 404 error page, but a poster posted at Flickr by hulk4598: for once is print design to take ispiration from the web and not vice versa.
in
Error pages
I think it’s an interesting typographical choice (is this typeFutura Condensed?) using a progressive numbering to explain one’s portfolio: in this case the author’s Piotr Godek, the one-man band behind the web agency Odd Web Things.
in
Typography
Stripe Generator is an ajax tool that allows you to generate striped patterns to decorate your web sites pages background. Numerous options provide considerable flexibility of the product, as you can see by the gallery of backgrounds shared by other users.
If it’s not enough for you, you can create patterns with a tartanTartan maker, another tool [...]
in
Backgrounds
A nice idea to present projects in one’s portfolio: designing them as pin /buttons.
in
Buttons, Bullets & Badges
The icon used in the footer of Firefox Add-ons page is not only enjoyable, but also suggests a sense of richness and variety of items available in this section.
in
Footers
Color Hunter is a very useful application that lets you search palette and colors from an image or a hexadecimal code. Useful in the initial stage of product concept.
After defining your palette, you can use Checkmycolours to analyze the color contrast of your web page according to W3C specification.
in
Grids & Listings