20 Excellent Examples of Forms in Web Design

By / Apr 18, 2011 / Inspiration

As we can find on Wikipedia, “Form refers to the shape, visual appearance, or configuration of an object.” And here I believe that this is also the perfect explanation… forms in web design are a way to gather information, but they must also take on a “form” or an appealing visual appearance in order to be effective. So we decided to gather some fresh examples of websites that have well designed forms. From registration to contact and login forms, you will see some very inspiring examples.


EEHabor offers ExpressionEngine goods, so forms are probably their expertise.
The website itself is really beautiful and clean. The register form is clean, beautiful and straight forward, it is certainly a form that will not scar you away.



Contrast is a web apps developer. Their website is pretty unique and nice, good usage of typography, colors and shapes. The contact form is also pretty unique and fun.



SVN2FTP is a hosted source control system. The website has a nice fun approach and a beautiful texture. The contact form is also nice and different from usual.


Ally Creative

Ally Creative is a small creative company. Their website is clean and have a nice textured background, the contact form is also pretty nice.


Think Vitamin Membership

Think Vitamin is a nice place to watch videos to learn web design and development. Besides having a nice website, all their forms are beautiful and pleasant.


Scribble & Tweak

A beautiful and neat single page layout that holds a nice and easy contact form.


Barnt & Arnst

I know I already showcased this website in previous lists, but I really like its colors and simple layout. And they deserve and extra point for their super clean contact form. ๐Ÿ˜‰


The Bullitt Agency

Nice website layout based on shades of black, gray and some beiges. Beautiful background images and classic contact form.



Clean and beautiful layout with “built in” forms for FTP and email.


Major Tom

Nice image based layout with a “hidden” sign in form for clients.


Blind Pig Design

Their website is really cool. And as for the contact form, pretty classic and clean. Also loved the subject detail from the contact form – Oink!


Clyde Quay Wharf

A residential project from New Zealand with a layout based on beautiful background images and elegant type choices. The “register your interest” form is pretty clean and beautiful.


37 East

If you are thinking about doing the real African Safari, you should check out this website. The layout is based on really beautiful background images and interesting typography.


Michael Freimuth

Michael Freimuth is a art director and illustrator. His website is pretty simple and cool. The login form to browse archives is also really nice.


Social Design House

Their website has delicate colors combination and a good choice of typography. The contact form is also pretty beautiful.


Tinkering Monkey

Besides having some pretty stylish products to sell, Tinkering Monkey has a super clean layout. The contact form is also pretty neat.


Go Live!

Need a button to shout about your work? Try this! Go Live has a pretty colorful layout and their “let’s do it form” is also really nice.


Sophie Hardach

A cool single page layout for a book website. Contact form really unique.



Simple layout with a beautiful color scheme.



Beautiful watercolored layout with texture background. Delicate colors and typography. The contact form is also really elegant and simple.



The Best Designs
Unmatched Style

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

  • http://itcutives.com Jatin

    I personally found design of ‘SVN2FTP’ website quite interesting and eye-catching too. Others examples are okay-okay for me.

    BTW, Nice article Gisele.

  • Spike

    A bunch of contact forms are no help to anyone. What about examples of complex web forms from web applications.

    It’s too easy to make a nice looking form when it only has text inputs!

  • http://www.myfreecolouringpages.com Dave

    Its great to see how forms have evolved over the years, when I started in web design all the forms looked the same and there was no styling or attempt to make them look different. These are a great selection of how that has changed. Nice selection

  • http://www.tristarwebdesign.co.uk/ Tristar Web Design

    I agree, I think the ‘SVN2FTP’ form is really interesting and clever design, I like the clean style of ‘Think Vitamin Membership’. Id love to know how to incorporate a ‘send’ button like on ‘Social Design House’ Im guessing its a big image button directly underneath the message box, correct me if i’m wrong though.

  • http://www.entersolutions.co.za Mo

    Sophie Hardach’s contact us page is very unique. Good list. Thanks!

  • http://jaledwith.com Andrew

    I’m really impressed by the form on Sophie Hardach’s website. Very creative. Thanks for posting.

    • http://jonahgoldstein.com jonah

      thanks andrew.

      it was fun building sophiehardach.com without a doubt.

      itโ€™s actually up for Best Site of The Year at the netawards… not sure how that happened, and i’ve got to say i’m pretty excited:)

  • http://martealdesigns.com bob marteal

    The Sophi Hardach and the SVN-2-FTP forms are really inspiring. They are make filling out a web form interesting and enjoyable. Feels more personal and memorable.

  • http://www.bestwerx.com Tim Somers

    Does anyone else get completely lost on Contrast?

    I appreciate that they probably build good web aps, but web design isn’t one of their strong suits, I’m guessing.

  • http://www.JNsites.com JNsites

    Great post and some nice inspiring work, thanks for sharing.

  • http://www.designbyarm.com designbyarm

    nice post they give me an inspiration for do a new work of web design

  • http://www.kl-webmedia.com Patrick M.

    Very nice collection. I will use some for inspirations to build some awesome forms!

  • http://www.greatwhite.co.nz Greatwhite

    Thanks for sharing.
    These forms are really great examples to inspire website designers.

  • MattWest

    Wow, inspirational stuff. A great tool for being remembered is http://www.sendola.com/. It lets visitors send your contact details straight to their phone via sms. easy to use, and completely free.

  • http://superbwebsitebuilders.com/ Howard Steele

    I vote for SVN2FTP :) looks so exceptional!
    Thanks for sharing!

  • http://www.formsdesign.com.au Greg

    Always happy to see some good expamples of creative ways of using forms. Hopefully more people will subscribe to more functional/creative use of forms that engage the user, rather than boring them out to death. That’s what I am trying to create for my clients as well http://www.formsdesign.com.au