UI Design

From Frustration to Flow: Smarter Forms

We redesigned the sign-up form to guide users with clarity and care—reducing drop-offs and making it easier for people to say yes to helping their community.

A badly design website form
A badly design website form
A badly design website form

Summary

A local community organisation that runs weekend food drives and neighborhood clean-ups struggles to get consistent volunteer sign-ups through their website. The “Volunteer Sign-Up” form sees a high drop-off rate midway.

Understanding the problem

User Friction Points

  • The form asks for unnecessary personal details upfront (e.g., full address, birthdate).

  • Users must select an activity before seeing what dates are available, which confuses.

  • There’s no indication of time commitment or what to expect until after submission.

An easy to use and well structured website form
An easy to use and well structured website form
An easy to use and well structured website form

Key takeaways

Key Improvements:

  • Reordered fields: The form now begins with a list of available activities and time slots. Personal info is collected last.

  • Progressive disclosure: Information such as “what to expect” and “how long it takes” is revealed contextually as users select a role.

  • Friendly language: Instead of cold labels like “Submit,” we use “Count Me In!” and clear microcopy like “Takes less than 2 minutes.”

Impact:

  • Reduced form abandonment.

  • Increased sign-ups.

  • Volunteers feel more confident and welcomed during sign-up.

Curious to see more?

Browse all our UX showcases for real-world ideas and solutions.

person finding it hard to use a website form
person finding it hard to use a website form
person finding it hard to use a website form

If your customers can’t fill out your form easily, they won’t. A poorly designed form is often the silent reason your leads, payments, or sign-ups never come through.

Accessibility

Accessibility

Accessibility

A person with visual impairment using a screen reader
A person with visual impairment using a screen reader
A person with visual impairment using a screen reader

Good design isn’t just about what looks great — it’s also about what’s understood* Many websites overlook how people read images using assistive technology like screen readers. That one missed detail can quietly shut out a whole group of potential users.

Accessibility

Accessibility

Accessibility

© 2025 Mugs Studio Pty Ltd. All rights reserved.

© 2025 Mugs Studio Pty Ltd. All rights reserved.

© 2025 Mugs Studio Pty Ltd. All rights reserved.