40+ awesome form examples to get you inspired

Forms are tricky territory in user experience design. After all, it’s tough to design something that has users sighing at its mere sight.

People just don’t enjoy filling out forms. The upside of this conundrum is that most designers tend to be problem-solvers —which makes form design an interesting challenge. Designers have to figure out a way to encourage people to fill them out, or risk users abandoning the form halfway.

Unfortunately, having users not submit the information via the form means two crucial things that never fail to give UX designers the chills: low conversion rates and a broadly failed design. But while there isn’t a one-size-fits-all approach to good form design, having solid examples that managed to hit the nail on the head can’t hurt, right? Let’s open our favorite wireframe tool and dive deep!

We decided to get a few form examples that achieved the tough challenge of offering users a good experience. In this post, you’ll see exactly why these form examples work and what tactics were used to improve the user experience that they offer. Let’s take a look!

Here are some web form examples that’ll inspire you (and keep those precious bounce rates low ). We’ll explore what makes these forms user-friendly and frustration-free.

Contact sheets are the the frontline of communication between entities and the public — but they come with their own tricks and challenges.

While they tend to be short and simple, contact forms can be the path for leads and new clients who want to know more — or they can be a way for current clients to seek support. This means that contact forms can be separated into two, depending on the goal each user has.

By the way, you can also check out our post on how to design and validate a form prototype.

Dutch design studio Yummygum does a wonderful job at keeping their contact form simple and effective while also offering a good experience to users. This is a short form example, with only 4 entry fields and very limited visual elements. As a consequence, there is little distraction from the entry fields — unless you count the witty and light-hearted copy.

We here at Justinmind love that this contact form example has placeholder text that doesn’t disappear once the user clicks the entry field — allowing the user to double check if need be. Under the message field, a single button with descriptive microcopy: “Send inquiry”.

You can also find more inspiration with our list of awesome research survey examples.

Health software Omada Health has done a wonderful job at achieving a functional contact form. This is one of the few form examples on this list that manages to separate data with such ease – while respecting all the form design best practices out there.

The form counts on labels, placeholders, inline validation, masks and descriptive microcopy. What’s not to love?

This Privy contact us form example hits the UX trifecta of clarity: the form itself is super skimmable. Three clear, concise labels and fields make it obvious what info they need. Plus, the font size is large enough to scan easily, and the text pops off the background for effortless reading.

And to top it off, the bright submit button with clear text “Submit” leaves no room for confusion on what to do next. Nice work on the usability basics!

Honeylove’s contact us form example keeps things clean and user-friendly. The form itself is straightforward with clear labels like “Ask us anything.” There’s enough contrast between the text and background for easy reading on any device. The call to action says “Get help” which is clear and actionable.

Also, the section with quick links that you can access easily allows users to first scan through previously or frequently asked questions just in case they can find what they are looking for without having to wait for a response from a real person. Overall, it does a good job of guiding users towards getting in touch.

Surveys and questionnaires are a great way to carry out research online. The main goal these form examples have, like all surveys, is to gather as much trustworthy data as possible. This data will later be analysed and put into a report, to help with business decision-making.

Mika Michalak’s performance review form example for Mozaiq transforms the often-dreaded HR practice into a relatively easy and enjoyable experience. By incorporating emojis to represent different levels of professional conduct, the process becomes less intrusive and more engaging.

The form includes predetermined questions for all employees, with response options ranging from strongly agree to strongly disagree, as well as a neutral option. This approach acknowledges that not everything in life is black or white, providing room for nuanced feedback. We highly recommend this template!

We love this questionnaire form example, brought to you by Diana Medvedieva, for the colors integrated and large buttons and cards that make the text easier to read and the whole experience feel breezy.

The single-column layout with stacked questions is a great scannable format, and the mix of question types (multiple choice, dropdown, short text) keeps things engaging and efficient.

Spotify Pets, a quirky and delightful feature that uses Spotify’s algorithm to whip up personalized playlists for both you and your furry (or feathery) friend. The UX itself is a tail-wagging masterpiece. Instead of clunky text input, an interactive drag-and-drop slider lets you playfully define your pet’s personality. It’s engaging and removes any friction from the process. Plus, forget clunky progress bars!

The design seamlessly integrates the progress indicator into the cheerful, illustrated background, keeping the experience smooth and visually appealing. One question per screen ensures a flawless experience on any device. This user-centric approach makes Spotify Pets a joy to use, and it’s sure to leave you and your pet feeling happy and entertained.

These form examples all share the great characteristic of being to the point and easy to understand. When it comes to selling online, the booking or check out form is crucial — and when done poorly, can have disastrous consequences on conversion and profit. The key in these form examples is to decrease the friction users experience as much as possible.

There’s no beating around the bush with this calendar app booking form example. Clear labels like “Bookings” and “Event Types” make it instantly obvious what users are looking at. The table format is a UX classic for a reason — it efficiently displays all the event details we care about: type, date, time, duration, and even participants.

This lets users scan their schedule in a flash. They’ve also added color coding to the mix. Imagine green for confirmed events and yellow for TBDs — a quick visual cue to understand event status at a glance. Overall, a solid foundation for a user-friendly calendar!

This hotel booking form example is designed in a way that is super easy for users to navigate. The room selection is nice and concise, showing all the important details like price and description.

Users can also see the total cost with any extras they add on, which is a big plus for transparency. The “Request To Book” button is clear and doesn’t trick users into thinking they’re instantly confirmed — a good call in our book.

We love the use of space in this form. Its interactiveness works to not only make it more fun but also to break the form up into several steps — which requires less cognitive effort from the user. The use of color adds a pop and contributes to a clear visual identity.  A clear well-designed form example!

This beauty was made by Jordan Hughes for Milkinside.

This subscription payment form hits some key UX wins, making it one of the best form ui examples online! The three-column layout with clear plan options makes comparing between free, pro, and business accounts fairly easy to do. The hints of purple throughout the design reflect the brand colors adding to an overall homogeneous feel.

The input fields are clearly labeled to avoid any confusion, and the buttons use strong calls to action such as Purchase and Cancel. This subscription payment form example is an absolute winner in our eyes!

This is the perfect form example of how long forms can be broken up into digestible bits — with the animation adding a certain degree of gamification to the process. We particularly love the progress bar at the bottom and the success state screen. This is a form that users won’t mind filling out.

Awesome form example made by Yifan Ding n Dribbble.

This form example is short and sweet — just like users want forms to be. You’ll notice the grouping of input fields and price breakdown, and a well-designed button under it all. We are fans of the descriptive microcopy in that button, in particular.

Original design made by Anna Wangler on Dribble.

Signup forms are the bread and butter of digital marketing and digital business, as a whole. They need to be simple, as to potentialize the number of users that go through with signing up or signing in. Signup forms, in particular, are usually accompanied by a value proposition — the pitch that motivates users to get onboard.

Minnow‘s login screen prioritizes clean simplicity. Minimal elements keep the focus on the login task itself, a good thing! The background image adds a touch of personality, but it could be a missed opportunity to tease Minnow’s content library. The login form itself is clear with labeled username and password fields, and a straightforward “Sign in” button.

Functionality seems limited though — no options for new accounts, password resets, or social logins. These features could be helpful for new users or forgetful veterans. Social logins with Facebook or Google could streamline things for users with existing accounts. Some tweaks can take this login screen from great to brilliant. Still, this form example is a great place to start!

Dotwork‘s login form strikes a balance between clean and functional! It’s complete with clear labels for username and password, a straightforward “Login” button, and a lifesaver for forgetful users — the “Forgot Password?” link.

There’s also text provided that explains the functionality of the platform, connecting all your applications and a customizable dashboard. This login form example also features the brand colors throughout the design, that professional cool blue keeps it looking fresh. We adore it!

Snappet is a tablet-based platform that empowers teachers to personalize learning paths for elementary school whizzkids, all while monitoring their progress. The friendly, colorful interface with the image used of a teacher helping a student makes it clear who Snappet’s targeting. Here lies the secret sauce: that picture on the student login form page is an example of emotional genius.

It subtly reminds students of the catered support they will receive while using the platform. Snappet also uses a single, friendly typeface throughout, but with variations in color and size to keep things interesting and create a clear information hierarchy. Kids will clearly have a blast using this platform!

Hotjar doesn’t mess around when it comes to their web design — their website was also featured in our blog post on Testimonial Examples You’ll Want to Copy. This time, it’s their signup form we are drooling over. With only two input fields, there’s nothing in the form to dissuade users. With the subtle but unmistakable field focus telling users exactly where they are.

Awesome form by Matt Koziorowski for EL Pasion and Hotjar.

Even though we love short forms, we know that a simple form with two entry fields sometimes is just not suitable. That’s when you gotta give extra importance to context, and try to make the whole process as easy as possible on the user. This form checks all the right boxes, offering placeholders, masks, field focus and descriptive copy.

Form example brought to you by Jeet on Dribbble.

Even registration forms need to present context to the user. This means that forms need to give out some key information about the event, but not enough to confuse the user into questioning their interest in it.

This registration form example for an email marketing online workshop aimed at authors hits the mark on clarity. The background image is a nice touch visually, using the brand colors to add some life to the form. The input area itself appears simple and user-friendly, with 3 fields marked clearly and a disclaimer placed right under letting you know how your information will be used. Smart move guys!

Another UI touch that caught our attention is the countdown to the workshop placed right above the input fields. This could just be included in the copy to the left, but it would have been less effective as users would have to scan the text to get that information. Smart, aesthetically pleasing, and functional. This registration form is a 10/10!

Maulana Farhan put together this registration form for +Medic and included Covid’s vaccination message to all, “Let’s protect yourself and those around you by vaccinating,” which leaves no doubt about the app’s purpose. Get vaccinated. The layout is as clear as its copy, simple, with a single column guiding users through the registration process in 4 steps. The app also uses clear visual hierarchy with bold headings and easy-to-read instructions.

One thing we would change about it though is the over use of imagery that can distract from a meticulous process. You could be reading the statistics placed on top of the doctor and then mindlessly include it in your ID number — these things happen more often than people like to admit! Apart from that one minor detail, we find this form example to be attractive and inviting, despite the gravity of the CTA.

This form example enjoys great use of space! Notice how not only the visuals, but the actual lines group the questions together according to their nature — a nice bit of context all users will appreciate. Even though it’s quite a long form, the user only rarely has to type the answer, making this form easy and quick to fill out. Wonderful!

Form design by Olga for Netrix in Aao Milo.

Subscription forms are like the VIP lane of digital marketing. They convert casual visitors into loyal fans, but only if they’re smooth and frictionless. The key is keeping it simple — minimize clicks and focus on a clear value proposition. This is your chance to showcase the exclusive content, discounts, or perks that come with subscribing, making that “sign me up” button an irresistible one-way ticket to awesome!

Paperform’s newsletter subscription form is pretty clean and to the point. It uses strong visuals with the bolded text “Stay in the loop” to grab attention. The question below the headline is clear and concise: “Would you like to stay informed on events & news?” which directly addresses the user’s pain point of wanting to stay informed.

The form is made out of three fields, all labeled with asterisks to mark required fields. The labels are clear and the “Subscribe” button uses a contrasting color and clear action verb, making it easy to understand what happens next. Warm and inviting, this form example is perfect in our opinion!

​​The Flower signup form example uses a friendly and casual tone to encourage subscriptions. The headline “Join the bunch” is inviting and creates a sense of community. The text below the headline offers a clear benefit: “We’ll give you just the right amount of love!” This lets users know what to expect from the newsletter (presumably positive and interesting content) without being overly promotional.

The form itself is very simple, with only one required field (“Email Address”). This minimizes the effort required to subscribe and avoids discouraging users from signing up. The “SIGN ME UP” button uses a strong verb and contrasts well with the background to make it clear what action to take.

Here are some inspiring mobile app form examples that prioritize user experience. Get ready to see how minimal steps, clear layouts, and smart design can turn form-filling frowns upside down.

Contact forms in mobile devices need to be even more simplified. You may want to consider adding further assistance elements, such as masks and limiters in order to get the idea across to users quickly.

Byelorussian‘s form is one of the best form examples for apps on the internet. The visually appealing image adds a nice touch without being overwhelming, and the overall layout is clean and clutter-free.

An “about us” text is placed above the form to allow users to get to know the company before reaching out, ensuring that they are reminded of their value proposition. Each field has a clear label, leaving no confusion about what info to enter. They also go the extra mile by offering multiple contact methods — a phone number and email address alongside the form itself — giving users the freedom to choose how they reach out. We love this form UI example!

Netflix’s contact us form prioritizes clarity and ease of use. The single-column layout with stacked questions makes it easy to scan and reduces the chance of users getting lost. It also uses a variety of question types, like multiple choice and dropdown menus, to keep things engaging and efficient.

If you can’t find the answer to your question, the site offers a user-friendly fallback option: connecting with a real person. You can either call them directly or use their messaging service, both conveniently accessible within the platform. Plus, they take the extra step to assure you that calls won’t cost you a dime – they’ll utilize your internet connection for free calls.

In this smooth contact form example, we can appreciate the placeholders that turn into floating labels once the user starts typing. This helps the user maintain clarity of what is being asked if they lose their train of thought. The use of minimalistic lines to separate the fields as well as the use of color in the text for field focus contribute to an awesome contact form.

Original design by Matthieu Souteyrand on Dribbble.

The use of mint green is almost dreamy in Waison’s design. This design goes to show you don’t need lots of visuals to create a form with a good experience.

Sticking to the basics, this form example enjoys floating labels and a mask in the phone number field — which leaves little room for confusion. We also like the success statement screen, so users can walk away knowing they succeeded in sending their information.

When it came to form examples of surveys that were done on mobile devices, we would usually have customer or employee satisfaction — and little else.

Questionnaires and surveys aren’t necessarily long, but they do present a bigger challenge for designers dealing with a small screen. Today, we know mobile devices are used for everything — which makes revisiting the idea of mobile surveys worth it.

Luminis Health‘s mobile app onboarding questionnaire form example nails it, making it one of the most attractive and best form ui examples out there. The questions themselves are short and sweet, using direct pronouns to engage the user better and offer a more personal experience — no jargon or complex sentences here to confuse users.

To add a touch of personality and visual interest, Luminis incorporates color and imagery to differentiate the answer choices. These design choices contribute to a user-friendly and visually appealing experience, making Luminis Health successful in its mission to simplify healthcare understanding for all.

This objectify survey mobile app form example is a masterclass in keeping things clear, concise, and visually engaging. The questions themselves are like UX tweets — short, and straight to the point. No room for ambiguity here, which means users can fly through them quickly. The color scheme perfectly complements InVision’s brand, and the illustrations add a playful touch without being overwhelming.

Finally, the answer format keeps things user-friendly and reduces the chance of anyone getting confused. Overall, Objectify’s survey is a winning formula for gathering valuable data in a user-friendly and visually delightful way!

Feedback forms don’t have to give users an aneurysm. They can be quick and to the point, just like this form example. The use of smileys to convey the feeling users have regarding their experience is a great way to get information without making the user actually type.

The suggestion field, as well as the radio buttons right below it don’t leave any room for doubt — just like that wonderful microcopy on the button! Form design by Zahir Patel on Dribbble.

This form example works well to illustrate how complicated surveys can be broken up while still remaining easy for the user to follow. The smart interface accounts not just for the survey, but also for the possible event of users trying to reach HR, in case of confusion.

The percentages in the home screen are a great way to motivate users to get to the finish line, making this survey a wonderful design. Made by Amirul Hakim on Dribbble.

According to Statista’s reporting, a whopping 44% of all e-commerce purchases in the United States will be done on a mobile device. With such a big percentage of business done online, there has never been a more urgent time to get your mobile checkout process sorted. And that comes, of course, with the classic forms associated with a purchase.

Amazon’s checkout form example is truly a UX wonder. The form itself is ridiculously clear, with labels that make perfect sense and a layout that’s easy to navigate. Plus, they pre-populate all that saved address and payment method stuff, so checkout is lightning fast — no need to type your life story every time you snag a new pair of headphones.

This focus on speed and ease of use is what keeps Amazon on top of the online shopping game. Smooth operator status achieved!

Airbnb’s app checkout form gets you from “wanderlusting” to “booked” with lightning speed. The layout is super clean and the navigation is like following a travel blog — step-by-step and easy to understand. They also pre-fill your info (if you’ve saved it before) so booking your stay is faster than swiping through travel inspiration pics.

This focus on efficiency means less time wrestling with forms and more time planning epic adventures. Airbnb clearly understands that travel should be smooth sailing, and their checkout experience reflects that!

We love that the designer behind this form example planned the use of space to a high standard. These two screens allocate space for delivery information, a summary of the order, payment method and even manages to include a promotion. The breadcrumbs style of navigation and descriptive copy in the buttons earn extra usability points.

Form design by JD on Dribbble.

This is one of the best examples of how simple form UI design works. With a simple interface, there are no distractions and no room for doubt. We love that the action control button works by swipe, adding a bit of fun to a super straightforward checkout app form.

Design by Hasse Finderup on Dribbble.

While this can be said of all form examples on this list, signup and signin forms need to be quick. User’s don’t want to wait for several screens and touch points to access their account or to walk away knowing they’ve signed up successfully.

Sign in forms, especially, should provide the user with an option to log in using their social media accounts — or offer an autofill function that cuts down on the work the user needs to apply to the form.

Clean layout, minimal fuss — Leafboard’s login form ui example goes straight for the essentials: email and password. Bold labels and clear spacing make it obvious what goes where, zero confusion. They’ve also snuck in social sign-in buttons for that extra dose of trust and familiarity.

Since most users already have these accounts, logging in with a single click is a huge timesaver and might even nudge them to sign up if they haven’t already. Accessibility is on point too — high-contrast colors and a clear text field make it easy to read for everyone. Not bad at all!

Deep designs has stepped up the game with their clean-cut login form example. The orange adds personality without going overboard, keeping the focus on the task at hand. The UX designer cleverly puts the login front and center, but you can also see a peek of the app’s interface in the background, hinting at what’s to come.

In short, it’s clear, concise, and gives users a taste of the app’s vibe. Nice work!

This form example makes quick work out of the signup process. Notice that very little information is required, paired with plenty of context. Users have inline validation and the possibility of seeing the password with an eye icon. We are sure users appreciate having those social media shortcuts — who doesn’t, right?

Original design by Sergej Nawalnew on Dribbble.

Sometimes, it’s better to go with a classic. This sign in and sign up app form examples show that users don’t need much from their sign in screen — they just need it to not be confusing. This sign in and sign up forms succeed in guiding users with inline validation and descriptive microcopy.

Form design by Sayem Ahmed for Team IronSketch on Dribbble.

Registering for an event shouldn’t be complicated. Users can check for the important information and give out certain pieces of information when expressing their interest on the event — the mobile form needs to express the identity of the event while not stressing the user out.

You want to simplify as much as possible while respecting usability standards. That means you need to pack many different types of data (such as, choosing a date, number of people in your party…), into a small screen. Remember, usability first — looks, second.

Tiketim‘s form UI example for buying and selling event tickets is another winner in our eyes. The first thing that grabs your attention is the use of color — a mixture of dark and light grey with a touch of playful blue makes it come alive. The layout is clear and uncluttered, with easy-to-understand icons indicating ticket number availability.

Tiketim also uses a carousel to showcase featured events, giving users a glimpse of what’s hot without overwhelming them with information. Simple, effective, and functional!

Dice’s event ticket booking app form looks like a fun time! The layout is straightforward, with clear labels and attractive images of your favorite artists. Information like date, time, and price of ticket are clearly indicated. Personal information is pre-inserted, with the option to use Apple Pay for more convenience.

Dice even allows users to send their ticket to a friend or refund their tickets. From a design perspective dice’s colors are funky and fresh, just like how you’d want to feel before heading out to enjoy some good tunes with your buddies!

We love how smooth the booking process is in this form example. The form checks all the boxes: validation, masks, stepped screens and a varied use of action controls — all done with a high factor of gamification. By the time the user gets to the success state, the effort they’d have put into the form would be minimal. Just wonderful!

Awesome form design by Valeri Torf for Solvers on Dribbble.

This app form example makes a complex thing easy for the user. With each entry field involving several taps but very little typing, the user can fill the form out without taking too long on any field in particular.

This design manages to get all the important details that come with creating an event, and breaks them into several screens, so the user is never confronted with a long list of questions.

Brought to you by Sasha Maxim for Tapptitude in Kaliin.

Subscribing to the JRNL newsletter is as easy as 1,2,3. The three options available on this subscription form example are “Sign in” if you already have an account, “Continue with Google” for a smoother, more streamlined experience, and finally under all the usual suspects, registering manually.

We like that the CTA button for “Sign in” reflects the brand colors, that rich green practically asks you to head to the nearest park to lose yourself in their newsletter. Great work RNL!

Element Pack provides us with yet another simple subscription form example. It’s not really a form as much as a clear as day CTA button with a simple “Join now”. No added information required, no need to connect with Gmail or any type of social media.

Simple, stylish, and straight to the point. We are living for this masterpiece!

These cool form examples are some of the many great and functional designs out there in the virtual wild. Not all forms are made equal, and your creativity will play a role as important as your attention to detail — usability is the name of the game here.

Hopefully, these form examples will get you inspired to get the ball rolling in your next form!