Are you a member? Register or Login

Open Menu

Form Building From a Designer’s Perspective

When people think of beautiful web design, form building isn’t usually the thing that comes to mind. But for the crafty designer, form design creates a unique opportunity to show off some serious skills. Executed well, it can singlehandedly elevate your site’s look and feel.

JotForm has always allowed users to create custom form designs using CSS, but their new Form Designer feature hands web designers their time back with incredibly simple functionality. Starting from basic black on white, your form can be fully customized using dozens of preset click options, with changes appearing in real time. The only thing required is your artistic touch, and just a few minutes to spare.

The Ultimate Designer Toolkit: 2 Million+ Assets

Envato Elements gives you unlimited access to 2 million+ pro design resources, themes, templates, photos, graphics and more. Everything you'll ever need in your design resource toolkit.

Today only (really, this only happens once a year!), Envato Elements has a flash sale. Save up to 40% on your subscription, and keep that low price for the lifetime of your account!

This is a once-a-year chance to get every creative and design asset you could ever need for the price of a pizza each month.

Today Only - Grab Your Discount!

Using the Form Designer

Start by building a form using JotForm’s famous drag-and-drop Form Builder. This gives you a basic framework to begin your design. Next, click the Form Designer icon in the toolbar to set up the design feature. This will migrate your form to a completely new page:


Then you can go ahead and design away! Choose from either using the “Design” or “CSS” tabs, depending upon the level of flexibility you want to have.

For the CSS maven, there’s the ability to make custom CSS changes, but, in general, you don’t have to be an expert to produce a brilliantly designed form. The Form Designer has a wide appeal for just about anyone looking to create an amazing, customized form.


Here are a few examples of what it’s possible to create using this simple form design tool:


The Challenge

JotForm just launched their Web Form Design Awards on November 4. Using the Form Designer, your best form could land you $7,500, in addition to a myriad of other prizes. The company is accepting form designs through December 4.

The company is also handing out $500 for Best Mobile Form, Best Survey, Best Contact Form, Best E-Commerce Form, and the affectionately chosen Worst Form. First 100 submissions received a free JotForm t-shirt, and other additional prizes include a lifetime premium JotForm membership and about a dozen other free memberships from JotForm partners.

Perhaps the best part of the competition is that your work will be reviewed by a distinguished panel of judges. Some headliners include Carolyn Horwitz, Executive Editor of Entrepreneur Magazine, Deiter Petereit, Editor in Chief at Noupe Magazine, as well as several others.

Just 24 hours into the contest announcement, the company already received 1,300 signups from eager participants, so competition is bound to be stiff. But it also means winning the Web Form Design Awards carries some serious weight.

Do you have some design skills you’d like to show off? Learn more about the Form Designer and the Web Form Design Awards.

This post was sponsored by JotForm. Thanks to them for their support of the site.