DTB.WEBPlus de projets
DEMANDER UN SITE

RAVEL : un fil qui traverse toute la page.

RAVEL est une application inventée pour les tâches, les notes et les projets. DTB WEB a conçu et réalisé le site en tant que concept. Un seul fil traverse toute la page : les pensées éparses y entrent emmêlées et en ressortent en un ruban violet bien droit, fait de tâches.

Écran d’ouverture du site RAVEL : le titre Tasks, notes, and plans. Finally in one app. avec un fil de pensées éparses
RAVEL / DTB WEB · ConceptVisiter le site

La question

Comment montrer ce que fait une application de tâches, sans captures d’écran côte à côte ? Toutes les applications de tâches promettent un esprit apaisé. Nous voulions que vous voyiez ce calme apparaître au fil du défilement.

L’idée

Le concept, c’est démêler. Sur l’écran d’ouverture, un fil de pensées éparses serpente à travers le titre. Continuez à faire défiler : vous tendez le fil, et les tâches se posent sur le tableau du jour. Plus loin, le fil devient la forme d’onde d’une réunion, un bracelet à huit breloques et une corde où sont accrochés des avis. Vous pouvez aussi taper une vraie pensée et cocher des tâches.

La technique

Le fil est une corde qui obéit à la physique : le texte glisse le long de la corde, et tout est piloté par une seule horloge, avec GSAP et Lenis. Les breloques ont été créées dans Blender et se balancent comme un pendule. Le son est synthétisé dans le navigateur, reste muet jusqu’à votre premier clic et dispose d’un bouton pour le couper. Sur un téléphone, la page se lit simplement de haut en bas ; les tablettes ont leur propre mise en page.

Un concept, pas un projet client

RAVEL n’existe pas. Les utilisateurs, les avis, les chiffres et le compteur de tâches cochées font partie du concept. Le site, lui, fonctionne vraiment : vous pouvez taper une pensée, cocher des tâches et voir le fil tout remettre en ordre.

Extraits du site en ligne

Le chapitre Move seamlessly from talk to done : une carte de réunion dans laquelle le fil souligne trois décisions et les rattache à des tâches
De la discussion aux tâches : le fil souligne trois décisions et rattache chacune à une tâche.
Des panneaux pour trois cas d’usage qui glissent les uns sur les autres, chacun avec une photo et une liste à cocher
Trois cas d’usage sur des panneaux qui glissent les uns sur les autres.
Huit breloques violettes sur un bracelet, avec en dessous huit fonctions de l’application
Les huit fonctions, en breloques sur un bracelet. Elles se balancent avec le mouvement.
L’écran d’ouverture de RAVEL sur un téléphone : le titre entouré du fil, et le champ de saisie en dessous
Sur un téléphone, le fil s’enroule autour du titre et le champ de saisie se trouve en dessous.
Une réponse personnelle sous 24 heures.

Racontez-nous votre projet.

DEMANDER UN SITE