Thomas Riquier

Chargement..

Omniboard

Omniboard Omniboard Omniboard Omniboard Omniboard Omniboard Omniboard Omniboard

Catégories

Extension Web

UI Design

UX Design

Développement Web

Productivité

Livrables

Extension Chrome

Communication

Dates

2026

Crédits

Edgar QUEMERE

Thomas RIQUIER

À propos

Omniboard est né d'un constat partagé avec Edgar : la page par défaut de nos navigateurs est souvent sous-exploitée ou encombrée de distractions, alors qu'elle constitue notre point d'entrée quotidien sur le web. Nous avons donc imaginé ensemble une extension transformant chaque nouvel onglet en un espace de réflexion et d'organisation infini.

Conçu en binôme, le projet associe un design soigné à des fonctionnalités pensées pour la productivité : notes adhésives repositionnables avec système d'onglets, listes de tâches dynamiques, formes géométriques, tableaux structurés et moteur de dessin vectoriel. Omniboard intègre également un accès rapide aux applications Google, un mode sombre immersif, ainsi que des utilitaires pour rythmer ses sessions de travail (minuteur Pomodoro, morpion, pile ou face). Le tout a été développé dans le respect total de la vie privée : l'outil fonctionne hors-ligne et sauvegarde les données en local.

Typographie

Open Sans

Technologies

HTML / CSS / JS / Manifest V3

Interface Omniboard : prise de notes adhésives colorées, listes de tâches et gestion de projet sur canevas infini Barre d'outils créatifs Omniboard : dessin vectoriel à main levée, formes géométriques et palette de couleurs

Méthode

Pour concevoir Omniboard, Edgar et moi avons travaillé en étroite collaboration, alliant recherche UI/UX, prototypage interactif et communication. Nous avons accordé une attention particulière à l'ergonomie d'un canevas 2D infini : l'interface devait s'effacer totalement devant le contenu pour laisser libre cours aux idées.

Sur le plan technique, j'ai développé l'architecture front-end de l'extension en JavaScript natif, sans framework lourd, afin de garantir une ouverture d'onglet instantanée. Cela a impliqué la création d'un système de navigation fluide (pan & zoom), la gestion du drag & drop d'éléments interactifs, un tracé vectoriel SVG optimisé et un historique d'actions complet (Undo/Redo).

Développé selon le standard Chrome Manifest V3, le projet a également intégré une stratégie de déploiement rigoureuse : internationalisation multilingue (français, anglais, espagnol), synchronisation cloud sécurisée via Firebase Firestore, ainsi qu'une préparation complète des visuels et supports de communication pour le lancement sur le Chrome Web Store.

Vue globale du tableau de bord Omniboard intégrant le mode sombre, la recherche et les widgets de productivité

Résultat

Disponible sur le Chrome Web Store, Omniboard offre une alternative minimaliste et puissante aux pages d'accueil classiques, adoptée par des utilisateurs cherchant un espace visuel pour poser leurs idées sans friction au fil de la journée.

Cette aventure à deux a été particulièrement enrichissante. Elle nous a permis de confronter nos visions du design et du développement, d'itérer rapidement grâce à nos retours mutuels et de mener un produit complet de l'idée initiale jusqu'à sa publication publique sur le store de Google.