Toggle - 2025

Toggle - 2025

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.

https://toggle.ecal-mid.ch/2025

Workshop (2025) with Sébastien Matos

Assistants
Thomas Gaudin
Students
Malik Ahmed, Alexander Anhorn, Diego Buccelloni, Davia Ciccoli Trannoy, Timoféi Cruz, Nora Dizeko, Mathias Gelin, Tanguy Genier, Rocio Hernandez, José Pardo Pariente, Alessia Rollini, Malcolm Semedo Barreto, Philippe Strässle Zuniga, Luna Tavernier
Know-how
UX/UI, Motion design

Delete

 Par Alexander Anhorn

https://cms.ecal-mid.ch/media/webfolders/nltpyrroscojkt7a/index.html
Iframe-888
https://cms.ecal-mid.ch/media/webfolders/klddveei2ulud1q8/index.html
Iframe-888
https://cms.ecal-mid.ch/media/webfolders/mq74rhfqs1ixep9e/index.html
Iframe-888

Send Button

 Par Mathias Gelin

https://cms.ecal-mid.ch/media/webfolders/ws568t5t0ombincd/index.html
Iframe-888
https://cms.ecal-mid.ch/media/webfolders/sbxu84vbxtdslqiv/index.html
Iframe-888
https://cms.ecal-mid.ch/media/webfolders/5qeoohvfhlxptftg/index.html
Iframe-888

Add to favorite

 Par Rocio Hernandez

https://cms.ecal-mid.ch/media/webfolders/bsvw8cbbmfaliyfs/index.html
Iframe-888
https://cms.ecal-mid.ch/media/webfolders/l4ts2rwt9p1szjib/index.html
Iframe-888
https://cms.ecal-mid.ch/media/webfolders/txafzc01esu6with/index.html
Iframe-888

Mute

 Par Malik Ahmed

https://cms.ecal-mid.ch/media/webfolders/f9iaz9aofrymkgzj/index.html
Iframe-888
https://cms.ecal-mid.ch/media/webfolders/axmretjewqzgc34h/index.html
Iframe-888
https://cms.ecal-mid.ch/media/webfolders/vjwhph5welrkahx7/index.html
Iframe-888

Projects related to UX/UI

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.  

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.

COUNTDOWN – 2025

BA MEDIA & INTERACTION DESIGN

COUNTDOWN – 2025

with Mario Von Rickenbach

The students worked on an interactive countdown in a web environment. Each day, they were tasked with creating a new sketch, culminating in their own collection, which could also be combined with projects from the entire class.

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

TOGGLE: Interactively fun buttons

BA MEDIA & INTERACTION DESIGN

TOGGLE: Interactively fun buttons

with Sébastien Matos

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.

Related courses