25 Excellent Examples of Forms in Web Design

By / Jan 24, 2011 / Inspiration
shares

A form can be a very important part of a website. From really simple and direct ones, to fancy, colorful and creative, there is a form style for each site. When thinking about the interface design of your site, this is certainly an element you should focus on. From Login/SignUp forms, to contact forms and other types of forms, we need to keep in mind that the point of those forms is to get the user’s attention and make them want to fill in the info. So here are some excellent examples of forms in web design.

Awesome

forms06

forms07

Foundation Six

forms09
forms10

Wanken

forms13
forms14

Visual Republic

forms15
forms16

Andrew McClintock

forms17

Chris Woods

forms18

bio-bak

forms19

Vincent Mazza

forms20

Ed Peixoto

forms21

Christian Sparrow

forms22

olga designs

forms23

Krista Ganelon

forms24

Forever Heavy

forms25

Cornerd

forms26
forms27

Justdot

forms28
forms29

sikbox

forms30

Justalab

forms31
forms32

Buffalo

forms33
forms34

Sprocket House

forms35

Gardener & Marks

forms36

Pentagon

forms11
forms12

Gams

forms08

All Creative

forms01

forms02

Creditable

forms03

Gowalla

forms04

forms05

Source:

Pattern Tap
Minimal Sites
The Best Designs

About the Author

Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr

14 Comments

  1. Djurica Bogosavljev
    January 24, 2011

    Very nice collection!
    Thanks for collect them on one place :)

    Reply
  2. Daniel H Pavey
    January 24, 2011

    Great list, thanks.

    Forms tend to be dull dull dull, but are often a very important part of a website

    It’s great to see some really interesting attempts to make them far less dull…

    Reply
  3. Frederick
    January 24, 2011

    That Bio-Bak one was fun to play around with haha

    Reply
  4. James
    January 24, 2011

    Great Collection of forms there. I find forms are usually one of the hardest elements of a website to design – they’re just so limited!

    Reply
  5. Buzz
    January 24, 2011

    Nice collection, I love the sketched style forms… Thanks for sharing!

    Reply
  6. Jellis
    January 24, 2011

    That Gardener & Marks one, whilst looking nice, is not practical. The placeholder text in the form does not disappear when the input gains focus. Some simple javascript would fix this.

    Reply
  7. Free
    January 25, 2011

    Im sorry to say that most from those forms are inaccesible, and error handling in few is quite a mess. Alert for an error? Jesus, its sooo ugly. But I have to agree that some of those forms look and work quite well… but not many of these.

    Reply
  8. John Barnes
    January 25, 2011

    Nice collection.

    Sorry, very childish..but the name wanken made me laugh..ha ha

    Reply
  9. Angelee
    January 25, 2011

    I admire those simple forms with plain neat backgrounds.. another terrific list!

    Reply
  10. Diego
    January 25, 2011

    I loved the one from Peixoto, it’s cool to see something a little off sometimes.

    Reply
  11. Steve
    January 25, 2011

    Would love to see more examples of COMPLEX forms – not just contact forms

    Reply
  12. Jarmo Valmari
    January 25, 2011

    While those examples look nice, most of them were just plain horrible usability-wise. If a designer thinks s/he should sex up forms and create something unique, only pursuing egoistic and artistic ambitions, that designer should be fired instantly. Do forms like these and you’ll most likely end up losing money and/or users.

    Reply
    • Free
      January 27, 2011

      I totally agree with you. Usability is much more important than graphic presentation of the form. Personally, my user-experience went down a bit when I tried to navigate through those forms with keyboard.

      Reply
  13. Urviho
    April 22, 2011

    Thanks for inspiration :)

    Reply

Leave a Reply