Hörminute

(Écouter) consciemment
Pour Zuhören Schweiz, nous avons conçu et développé une plateforme web réduite, entièrement axée sur le thème de l'(in)écoute. La "minute d'écoute" invite à vivre des moments d'écoute active à travers une collection d'expériences sonores.
Client
Zuhören Schweiz
Année
2023
Catégories
Concept et design, Développement web, Gestion de projet
Liens
Vue mobile de Hörminute

Des mondes sonores sur Internet ?

Lorsque l'association Zuhören Schweiz nous a contactés en janvier avec l'idée d'un projet de minute d'écoute, nous avons été saisis par la curiosité: tout d'abord la curiosité envers l'association elle-même et son but. Une association qui s'occupe d'écouter? C'est une chose passionnante. Et puis, bien sûr, la curiosité pour le défi : dans la plupart des cas, les médias numériques sont avant tout une expérience visuelle: image, texte, vidéo. Bien sûr, le son en fait aussi partie, mais comment mettre l'expérience auditive des sons au centre?

Recherche de solutions en atelier

Comme pour la plupart des projets, la première étape a été un atelier commun. Comme il s'agit d'un petit projet culturel avec un budget limité, il était d'autant plus important de bien préparer cet atelier et de commencer avec les premières idées concrètes afin d'avancer efficacement. Pour ce faire, nous nous sommes d'une part penchés sur les informations mises à disposition par Zuhören Schweiz lors de la préparation, mais avons d'autre part déjà envisagé les premiers concepts sur la base d'esquisses.

Lors de l'atelier, toutes les disciplines importantes - à savoir la direction de projet du côté Zuhören Schweiz, la direction artistique, mais aussi le développement et le design d'Apps with love - étaient représentées. Au cours de trois heures intenses, il a été possible de créer une compréhension commune et de se mettre d'accord sur une approche conceptuelle. Des paramètres importants tels que la couleur (utilisation minimale), la police (CI de l'association) ainsi que des réflexions sur le concept de navigation, les fonctionnalités concrètes, les interactions et les premières idées d'animations en faisaient partie.

Concept Esquisses pour "Hörminute"
Esquisses de l'atelier avec Zuhören Schweiz
Les idées esquissées avant le premier atelier sont complétées, corrigées et concrétisées lors de l'échange commun.

Concept, design et réalisation technique.

Le concept qui en résulte réunit plusieurs principes importants:

  1. Le minimalisme dans le design: L'essentiel dans une minute d'écoute est le son, le ton, l'expérience d'écoute. Les auditeurs* doivent se concentrer sur l'écoute et ne pas être distraits par des couleurs, des textes ou des boutons. Le lecteur proprement dit des différents "morceaux" se passe donc de boutons Play, Stop ou Skip, les différentes minutes d'écoute sont représentées dans un aperçu sous forme de points ou au maximum sous forme de chiffres.

  2. Interaction et simplicité: En supprimant des éléments tels qu'on les connaît dans les interfaces traditionnelles de lecture de contenus sonores (par ex. Spotify, Apple Music ou Soundcloud), les utilisateurs* risquent de ne pas s'y retrouver. Nous avons donc développé des transitions et des animations douces afin de montrer: Quelque chose bouge ici, il se passe quelque chose, même si le silence règne peut-être encore au début d'une minute d'écoute. Des survols dynamiques et un affichage discret de la progression aident à s'y retrouver.

  3. Accessibilité sur tous les systèmes: Les minutes d'écoute doivent pouvoir être écoutées quel que soit l'appareil. La plateforme web était donc une condition sine qua non. Bien sûr, nous aurions volontiers programmé des applications natives pour Android et iOS, mais cela aurait dépassé notre cadre. Mais: hoerminuten.ch peut être installé comme PWA sur les systèmes d'exploitation qui le supportent.

Transition lors de l'écoute d'une "Hörminute"

Mise en œuvre technique

L'échange étroit et précoce entre le concept/design et le développement est important pour la réalisation efficace d'un projet. En particulier lorsque le calendrier est assez serré, tant du point de vue de l'étendue prévue que de la date de lancement, et lorsque les idées conceptuelles sont plutôt non conventionnelles. Cela a particulièrement bien fonctionné dans ce projet: presque tous les participants étaient présents dès le premier atelier, tous les autres ont été impliqués immédiatement après le premier atelier et ont participé à la recherche de solutions pour la mise en œuvre. Une bonne dose d'expérimentation n'a pas été oubliée. Finalement, le choix s'est porté sur un Statamic-CMS pour le backend, comme pour beaucoup de nos projets web. Pour le frontend, nous nous sommes un peu plus lâchés et avons misé sur D3.js en plus des parties réalisées "à la main" avec HTML, CSS et Javascript.

Erste Experimente für die Animation bei einem Wechsel der Hörminuten-Kategorie
Jacqueline Beck

"Apps with love" a permis à un projet artistique de cœur de Zuhören Schweiz de voir le jour ou plutôt d'émettre ses ondes sonores. L'interaction a été marquée par l'agilité, le professionnalisme et un équilibre réussi entre l'exigence créative et la faisabilité technique. L'équipe a habilement saisi nos balles et les a transformées en un univers sonore interactif - la création commune de cette plateforme a été un vrai plaisir !".

Jacqueline Beck - Projektleitung & Kommunikation Zuhören Schweiz

Conclusion

Nous sommes très heureux d'avoir pu réaliser ce projet unique en peu de temps, en étroite collaboration avec l'équipe de projet d'Écouter la Suisse. Il se distingue à bien des égards des nombreux autres travaux que nous réalisons au quotidien et allie la technologie et les solutions individuelles à l'exigence artistique et aux particularités du contenu. Et maintenant: Zuhören! 👂

Vers l'aperçu
Eduard Zielke
Eduard Zielke
Project Management | Support & Help Desk
Notre agent secret par excellence : déguisé en chef de projet le jour, il espionne les clients la nuit en secouant des martinis en tant que barman, il se fait comprendre sans problème dans toutes les langues imaginables et si les choses devaient se gâter, il peut toujours recourir à l'art des arts martiaux. Son nom est Zielke - Eddy Zielke.
Sophia Villiger
Sophia Villiger
Creative Web Development
Développeur web ayant le sens du détail. Il n'y a pas de framework Javascript qu'elle ne puisse apprivoiser, et sa curiosité pour les nouveautés nous permet d'être au courant des tendances du web avant même que des questions à leur sujet ne surgissent sur Stackoverflow. Avec 12 ans d'expérience dans la consommation de café, les projets se font encore plus vite avec elle.
Vera Schürch
Vera Schürch
Head of Concept & Design
Avec son sens de l’espace et des formes, elle fait de chaque projet un régal pour les yeux. Elle maîtrise un art ancien qui a presque disparu : le dessin à la main, réalisé avec un instrument antique du nom de crayon. Il faut faire bouger cet instrument sur du papier pour créer des lignes... Complètement fou.
Valentin Naegeli
Valentin Naegeli
Head of Marketing & Sales
C’est auprès de lui que les personnes souhaitant développer une application avec nous obtiennent des informations et des conseils préliminaires. Il maîtrise parfaitement l’écosystème des applications et il sait si une application en vaut la peine ou s'il vaut mieux d’abord investir dans le marketing ou un site web. Nous l’appelons aussi « The wolf of Landoltstreet ».
Moqod
Développement web & app
Nous venons de remarquer que vous surfez avec Internet Explorer. Malheureusement, notre site web n'est pas aussi agréable avec ce navigateur.

Vous voulez savoir pourquoi ?
Nous avons écrit à ce sujet.

Vers le blog

Vous avez besoin d'aide pour le passage à l'euro ?
Contactez-nous. Nous serons heureux de vous aider.

Contact

Installer un nouveau navigateur ?
Il y a un choix à faire.

Browser