sluiten
Project Details

Custom formulier

webdesign / webdevelopment
Algemene informatie

Het doel van dit project is om een formulier te maken op basis van de material design van Google. Dit houdt in dat wanneer je text gaat invullen de placeholders(tekst die aangeeft wat voor invoer gegeven moet worden) verplaatst worden. Tevens ook het ripple(waterval) effect is hier ook belangrijk.

Project Details

In dit project heb ik een formulier gebouwd op basis van het material design van Google. Hiermee wordt het ripple effect nagemaakt en ook het bewegen van de placeholders. Tevens is er in het project rekening gehouden met responsive design. Dit houdt in dat het niet uit maakt hoe breed de pagina is. Het formulier zal zich aanpassen.

Resultaat

In het voorbeeld is goed te zien wat er met de details bedoeld wordt. In het design is goed te zien dat de gebruiker ziet wat er gebeurd met animaties. Het heeft een "simpel" design waardoor het formulier rustig is. Met de placeholders die zichzelf verplaatsen heb je ook veel meer tijd over voor content op je website. Dit is uiteraard ideaal voor kleinere schermen.

Online versie Iets soortgelijks?