TOGGLE: Interactively fun buttons

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

Projects related to Motion design

HIFF - Dynamic Identity

BA MEDIA & INTERACTION DESIGN

HIFF - Dynamic Identity

with Angelo Benedetto

Dynamic identity for the fictional indie film festival HIFF (Haze Indie Film Festival)  proposed by Valère Zen-Ruffinen as part of the Dynamic Display course led by Angelo Benedetto

Paul Paturel – Modulat – 2025 #2

BA GRAPHIC DESIGN

Paul Paturel – Modulat – 2025 #2

by Paul Paturel

Grime Index is an interactive VJ-ing project that centralizes, visualizes, and enables navigation through iconic moments of grime — a chaotic genre born on London’s pirate airwaves. By turning audio data into visual identity and live signage, the project makes a performance-based, oral, and improvised culture more readable. Designed for both newcomers and longtime fans, it is built around three interchangeable modules — MC, instrumental, and lyrics — honoring the culture of sampling, MCing, and mixing. Diarization, transcription, dynamic typography, and real-time effects combine to reveal grime’s living and navigable memory.  

UFOS - Dynamic Identity

BA MEDIA & INTERACTION DESIGN

UFOS - Dynamic Identity

with Angelo Benedetto

Dynamic identity for the fictional electronic music festival UFOS (Underground From Outter Space) proposed by Baptiste Godart as part of the Dynamic Display course led by Angelo Benedetto.

Julie Turin – Star's Bags - The Tree Bag

BA MEDIA & INTERACTION DESIGN

Julie Turin – Star's Bags - The Tree Bag

by Julie Turin

Assembly line work and online orders have become the norm, even in craftsmanship. The Star's Bags app is a seamstress's response to this trend, offering an immersive shopping experience to highlight manual labor before the customer receives their bag. "The Tree Bag" is the first collection from this app, which can expand into other themes. Through this experience, the customer participates in every step of the bag's creation over several days: gathering materials, placing patterns, cutting, sewing, pinning, addressing, and shipping. By following this process, the customer appreciates the effort involved and retains a special memory of their purchase, enhancing the value of the product received.

ARC - Dynamic Identity

BA MEDIA & INTERACTION DESIGN

ARC - Dynamic Identity

with Angelo Benedetto

Dynamic identity for the fictional artistic ceramics festival ARC (Artistic Revolution of Ceramics) proposed by Livia Schmid as part of the Dynamic Display course led by Angelo Benedetto.

Related courses