BuildStack Where teams go to work
sign up

Form Building from a Designer’s Perspective

Where teams go to work sign up
BuildStack
jotform
jotform

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.

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:

designer

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.

Examples

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

example1
example2
example3

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.

posted by Connor Hood

Join the Discussion

Also on Mayven Blog

unsplash-dai-ke
Front End

6 Killer Tips for Better Front-End Design

Building a beautiful, modern front-end design requires more consideration than ever before. From user experience, to bold visual elements, to animation — there’s a lot to…

mockup-tools-header
Business

4 Tools to Create Functional Mockups Without Code Compared

Have you ever wondered why companies like Apple, Google, and Microsoft invest millions of dollars in creating prototypes of products before sending them into production?…

github-header
Back End

Getting Started With Open Source and GitHub

When Linus Torvalds first released the original version of Linux back in 1994 under the General Public License (GNU), he would’ve never even imagined how…