Breaking the Narrative

Dalia Spichtig – Breaking the Narrative

Breaking the Narrative est un web documentaire interactif et pédagogique consacré aux discours de la manosphère. Structuré en trois parties, il décortique trois médias privilégiés par ces communautés : la vidéo, l'écrit et l'audio, afin d'analyser leurs stratégies de communication et de diffusion. À travers différentes interactions ludiques, le projet cherche à sensibiliser et informer sur les mécanismes de séduction employés par la manosphère, tout en révélant la réalité systémique et idéologique que ces discours tendent à dissimuler. Destiné principalement aux jeunes garçons ainsi qu'à leurs parents, tuteur·trice·s et personnes encadrantes, Breaking the Narrative vise à fournir des outils de compréhension, d'analyse critique et d'éducation face à ces problématiques contemporaines.

Projet de diplôme (2026)

Étudiant·e·s
Dalia Spichtig
Savoir-faire
UX/UI, Web
Breaking the Narrative_ECAL_SpichtigDalia_4.jpg
Breaking the Narrative_ECAL_SpichtigDalia_3.jpg

Projets liés à UX/UI

Enshittification - 2026

BA MEDIA & INTERACTION DESIGN

Enshittification - 2026

with Tibor Udvari

De nombreuses plateformes se dégradent avec le temps, passant d'outils utiles à des systèmes manipulateurs. Dans cet atelier, nous abordons l'enshittification comme une méthode créative en modifiant des sites existants ou en développant de petites expériences web qui exagèrent la friction, l'automatisation, la surcharge et la désorientation afin de révéler les logiques sous-jacentes.

Gabriel Polgar – Tenir la rue, imprimer la rue

BA DESIGN GRAPHIQUE

Gabriel Polgar – Tenir la rue, imprimer la rue

by Gabriel Polgar

Dans un contexte marqué par le recul des acquis sociaux et la réapparition de discours d'extrême droite, les manifestations sont des espaces où les voix se rassemblent et s'amplifient. De ces rassemblements naît une énergie collective rare : les paroles se délient, la solidarité se renforce et un élan commun se fait sentir. Pourtant, cette force se dissipe et s'efface souvent beaucoup trop vite. Tenir la rue, imprimer la rue a pour ambition, au travers d'un outil de création web basé sur l'aléatoire, de capter et de prolonger ces moments dans notre quotidien. Ce projet permet, grâce à du contenu récolté et alimenté collectivement, à chacun·e de composer et d'imprimer, en pleine rue, sa propre affiche.

MICRO UI – 2026

MA DIGITAL EXPERIENCE DESIGN

MICRO UI – 2026

with Romain Collaud, Alain Bellet

Micro UI est le projet de semestre du module d'orientation Interface Design, semestre II. Il propose aux étudiant·e·s d'explorer comment les affordances et les micro-animations façonnent l'usabilité des interfaces digitales, en analysant les principes qui guident le comportement des utilisateur·rice·s avant même qu'ils et elles n'en aient conscience. À partir de l'étude des indices visuels et interactifs qui structurent les attentes, le projet invite à concevoir des animations subtiles mais efficaces, capables d'améliorer le feedback, l'engagement et l'accessibilité. L'enjeu est de trouver l'équilibre entre esthétique et fonction, afin que mouvement et affordance travaillent ensemble à créer des interactions fluides, réactives et porteuses de sens. Le cours aborde également, à titre complémentaire, la question des dark patterns, ces mêmes principes détournés à des fins de manipulation plutôt que d'accompagnement.  

Ethical, Accessible and Mindful Design

MA DIGITAL EXPERIENCE DESIGN

Ethical, Accessible and Mindful Design

with Irene Pereyra

Ethical, Accessible & Mindful Design est un module d'une semaine qui forme les étudiant·e·s à interroger les dimensions éthiques des décisions de design. Par la pratique, les étudiant·e·s apprennent à concevoir des expériences inclusives, transparentes et attentives à leur impact social plus large. Ce semestre, le module a pris l'accessibilité pour les personnes malvoyantes comme contrainte centrale de design. Sous l'intitulé Goodbye to All …, les étudiant·e·s devaient accompagner un·e utilisateur·trice à travers un adieu permanent, irréversible et non négociable. Au-delà de la conformité aux WCAG, l'exercice exigeait une attention soutenue au contraste dans tous les états de l'interface, à la lisibilité typographique, à la navigation au clavier seul, à la visibilité du focus, ainsi qu'à l'intégrité de la mise en page aux zooms 100 % et 300 %, sans perte de hiérarchie ni de lisibilité.

Portfol.io

BA MEDIA & INTERACTION DESIGN

Portfol.io

with David Liebermann, Maximilian Kiepe, Jana Reddemann

Hello World ! Aurevoir le web prévisible, standardisé et interchangeable. Les étudiant·e·s ont remis en question les conventions du monde numérique, exploré les vastes possibilités du médium, et inventé de nouvelles façons d'interagir avec le Web. Et quoi de mieux pour donner du sens au design web que les portfolios des étudiant·e·s eux-mêmes, compris comme des expressions d'attitude et de personnalité. https://websites.ecal-mid.ch/

Formations liées