Acro MIAC form

A web form design for a local gymnastics club.​​​​​​​

The gymnastics club needed a sign up form for the athletes of their international competition.

We created a simple web and desktop-only form that adheres to UX and UI best practices, by keeping the information contained within categories, having plenty of white space, sticking to high-contrast and readable fonts, and keeping the colour palette minimal and consistent. 

After some early iterations in which we did a long, scrollable form with a plain colour background, we went on a different direction and opted for a layout with multiple steps in order to minimize input errors. We also used a stylised illustration of gymnasts on the background of the form so that the whole design feels more lively and in tune with the subject-matter.

Digital design Joana Mendes
Programming Escolha Digital



Early wireframe and iteration



Final form's layout grid



Typography & Colour



UI components



Form sample animations - main info



Form sample animations - travel info



Form sample steps - judges + others




Form submission confirmation

Acrobatics MIAC
4
132
2
Published:

Acrobatics MIAC

4
132
2
Published:

Tools