Interesting example of big, iconic, faceted search form.
Thanks to Jesse Kirsh, a brilliant designer from Portland, for providing this bright specimen of contact form.
I immediately noticed and loved the plus sign used in the submit button of this huge, “organic” form.
This gigantic contact form is vividly decorated by a bright, “childish” illustration.
Fun comes in really unexpected ways: sometimes is just a label on a form button.
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.
Contact forms set on a paper, usually a grungy or stained one, are not so unusual on the web: but while text inputs are commonly aligned vertically inside the form area, in this case they’re scattered among paragraphs in a way that makes you think you’re writing a real letter. Text alignment, slightly tilted, enhances this sensation.
The scribbled-like baloon and its white background, constrasting the surrounding subtle gradients, draw user’s attention to this simple contact form.
A current trend in web design is embedding huge search form in your website’s header: here you a re a clear example of this style taken from Precinkt, a showcase that features places to visit in specific areas all around the world.
MenuPages.com is simple: Before you go there, you come here. We’ll help you find the restaurant that’s got the food you’re craving in the neighborhood (and price range) you want. Not up for going out? Download a delivery menu from your favorite takeout place.
Being here in Milan, we cannot benefit from all this,but we still enjoy this clever search form that smoothly and instantaneously expands when you click on the advanced option (Ajax may always be blessed).
Inspired by the inclemency of today’s weather in Milan, here you are a nice iphone app and inspirational form at the same time: Umbrella Today? is the easiest weather site on the internet, answering to the eternal question: Do I need my umbrella today?
Brown typography and a wood texture give a natural, warm hint to the page while the nicely scribbled horizontal ligns complete the organic quality of this comment form .
A funny, nice search form for Kidsearch, a search engine that let children search and navigate safely through a directory of over 2000 sites in 3 languages (Italian, English and French) that have been visited and approved by the editorial staff . We love the “I’m feeling a lucky kid” button even though we think that a little bigger typography and maybe a pillowy treatment would have make the layout more kid friendly.
Tools for Schools provides customized back-to-school supplies packaged in personalized kit.
The big pencil illustration, the fake clumsy calligraphy, the dashed lines surrounding callout boxes and form fields, the scissors, it all stirs up memories of events long ago.
This inspirational badge hanging from above, enhances the visibility of Dubai’s Mall form search.
If you’ve ever wondered about this shop here you are some further informations:
The Dubai Mall is the region’s premier shopping, lifestyle and entertainment destination. With more than 1,200 stores and a host of world-class attractions, The Dubai Mall is revolutionizing the modern shopping experience.
Thumbtack is an online marketplace for local services,
a free way to find new clients and manage the ones you already have. Just post your service once, and we’ll take care of the rest. Your service page will go live on Thumbtack instantly.
I love the double-decker search form that allows one to switch from the services offering to the wanted ads view in a simply, intuitive way. Fields and labels are cut to the minimum so that the result is at most readable, while a vast range of choiches are given to those who want to refine their search results.
Round-edged textfields and pleasantly colourful tabs convey a soft, good, warm feel.
Expopedia is basically a search engine for tradefairs that:
facilitates and enhances international cooperation between buyers and service suppliers on different levels and lets all of them save money, time and energy
When it comes to build such a website, which essentially is a search related service, being able to design a good form is vital not only for the user experience but, most of all, for the business itself.
Expopedia’s form is divided into 3 chunks so the task of filling the fields in is made easier and faster. Although the form is unremarkably complex, website’s designer took care to provide extra information creating a graphic wizard that illustrates each step.
Nameourababy è un servizio che permette di proporre e votare i nomi per bambini: il sistema di rating (in questo caso delle bambine) è ben fatto e anche il form per aggiungere nomi (in questo caso dei bambini) è pulito e chiaro.
Una referenza indispensabile per tutte le mumbloggers.
Swedish studio Identity Works has several things of interest: one of them is the search form that, instead of appering in its usual place (usually upper left or center) is at the bottom page, just above browser status bar. A few years ago, this area of the screen would generally been regarded as a point where the user’s attention won’t never focus and no one would ever have designed a functional component so secluded: what has changed in our cognitive habits?
Maybe the massive success of Facebook and its toolbar has changed our habits and thereby freed designers from composition patterns too restrictive?
The booking form in Vacation Rental Station: a search engine to find accommodations to rent worldwide (for the moment the database is almost empty).
Google rules and the minimalism of this search form is a clear example: an input text and nothing else … more explicit than that!
We love Worpress is a showcase dedicated to the most original WordPress themes: the form to report a site is embellished by the use of icons in the input text.
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 input texts or a flash interactive map.
So you want to create a logo in pure Twitter style? Twitlogo is the online application for you: a simple form with some adjustable parameters (hidden in the advanced options) to create lettering and logos à la Twitter.
Checkmycolours is a tool that allows you to analyze the color contrast in web pages elements. Very useful for all web designers.
Search forms are an essential component in web services dedicated to the discovery of resources in a given locality (they mostly rely on Google Maps,)
In the case of Geopage, apart from the general aesthetic context, I liked the default value of the input text, which immediately explains what can and should be sought in the product.
Products similar to Geopage are Patch, Ratemyarea e Uncover.
The contact form on the web site of the Russian designer Alexey Abramov, aka Alexarts, has all the fields and buttons nicely rounded.
The form to submit content on Digg is really clear:
- it shows the number of necessary steps (even if they are only two);
- labels are clear and they also function as a separator;
- the input text is really long so you can check if the url is correct;
- the combination of radio buttons and icon is visually pleasing.
The search form on Kontain, a service for sharing media files online, allows you to filter the fields of research: clicking on the link everything, graphically realized as an extension of the input text, appears a menu with all the available options.