contact us form mockup

Daily UI #028 - Contact us

A simple contact us form with a flashy (maybe slightly impractical) "submission confirmation" animation. I liked the idea of having the map on the side, forming a background. Clicking the map would slide the contact us form off to the side, to expose more of the map and provide address details.

When the user clicks submit the form shrinks to become a piece of paper that gets stacked in an inbox.

Initial animation storyboard.

028 storyboard

CSS animation

{{ message }}

{{ 'Comments are closed.' | trans }}