TOGGLE: Interactively fun buttons

A collection of interface buttons designed and animated by first-year students of the Bachelor’s program in Media & Interaction Design.
Each element includes a standard animation, an exaggerated animation, and an unexpected version.

Workshop (2024) with Sébastien Matos

Assistants: Marius Parisod
Students: Léon Bonnet, Marco Boumya, Arthur Effront, Helena Hell, Francisco Iaconucci, Karim Kaba, Sacha Kaufmann, Corentin Maurer, Blendi Mazreku, Salma Mrani, Matthieu Noël, Jade Picard, Anais Polo, Benjamin Vermot
Know-how: UX/UI, Motion design

Essayez-les

Show / Hide

Par Benjamin Vermot

https://cms.ecal-mid.ch/media/webfolders/dt77d91vofchsek5//index.html — Iframe-888

https://cms.ecal-mid.ch/media/webfolders/dpz4mzfkzjwok6mb//index.html — Iframe-888

https://cms.ecal-mid.ch/media/webfolders/80hpf4cjdcaopfdp//index.html — Iframe-888

Magic wand

Par Matthieu Noël

https://cms.ecal-mid.ch/media/webfolders/ujsqc0hlv6bfjkhz/index.html — Iframe-888

https://cms.ecal-mid.ch/media/webfolders/eyfyyoe8szmtgs4t/index.html — Iframe-888

https://cms.ecal-mid.ch/media/webfolders/fc3zgreirpmban15/index.html — Iframe-888

I'm not a robot

Par Blendi Mazreku

https://cms.ecal-mid.ch/media/webfolders/0eua9d4qkznpkpr5/index.html — Iframe-888

https://cms.ecal-mid.ch/media/webfolders/fhm8vwmoresxvy9j/index.html — Iframe-888

https://cms.ecal-mid.ch/media/webfolders/wemouoik43hxvvqd/index.html — Iframe-888

Mute

Par Léon Bonnet

https://cms.ecal-mid.ch/media/webfolders/larz6h9ezzvlnrdv/index.html — Iframe-888

https://cms.ecal-mid.ch/media/webfolders/aj0at3qxzmsmsdwo/index.html — Iframe-888

https://cms.ecal-mid.ch/media/webfolders/rxodolgmbl8203rj/index.html — Iframe-888

toggle.2024.ecal-mid.ch