Ontreep.fr
Product design | Identité visuelle | UX UI | Site internet
Ontreep naît d’une frustration personnelle : préparer un voyage impose de multiplier les onglets (vols, destinations, hôtels, météo, cartes) sans qu’aucun outil ne croise ces critères en un seul endroit. Produit pensé, designé et développé en solo, du concept au lancement, sous contrainte de budget.
La mission
- Définition du produit et de son périmètre
- Création de la marque (nom, identité visuelle)
- Constitution de la base de données et des contenus (destinations, roadtrips)
- Direction artistique, UX, UI
- Développement front-end (Next.js, Supabase)
- Tests utilisateurs et itérations
- Référencement naturel (SEO)
- Motion design de lancement
Les décisions produit
Quatre choix ont défini Ontreep :
- Aucun compte requis. Les favoris sont stockés localement et partageables par mail, pour que l’usage commence dès la première seconde.
- Une base de données plutôt qu’une IA. Je voulais d’abord une IA pour proposer les destinations et estimer les prix. Je ne voulais pas dépenser d’argent sur ce projet, et le coût des tokens aurait pesé sur chaque recherche. J’ai donc construit une base de 200 destinations, avec des estimations de prix par aéroport et par mois.
- Un périmètre resserré. J’imaginais 6 langues et un départ de n’importe où dans le monde. Le site est en français, avec un départ en avion depuis les 12 principaux aéroports français (l’aéroport le plus proche est choisi automatiquement) ou en voiture depuis n’importe quelle ville de France.
- Un roadtrip qu’on ne modifie pas étape par étape. Des testeurs voulaient pouvoir changer ou ajouter des étapes. J’ai refusé : un roadtrip Ontreep est un itinéraire pensé de bout en bout, et le rendre entièrement modifiable en ferait un planificateur de plus.
L'identité visuelle
Trouver un nom court, évocateur du voyage et encore disponible a demandé plusieurs tentatives avant de s'arrêter sur Ontreep. Pour le logo, parti pris de sobriété et de mouvement, dans la lignée des acteurs du voyage en ligne comme Expedia, Booking ou Airbnb. Turquoise en couleur primaire, complété par un bleu foncé et des tons beiges. Typographie Epilogue pour les titres et les labels, Roboto Serif pour le texte courant.
Le produit
Deux outils complémentaires : un assistant de recherche de destination et un configurateur de roadtrip, tous deux basés sur un système de matching (budget, envies, durée, période). Favoris stockés localement et partageables par mail, aucun compte requis, usage gratuit.
Défis techniques
Architecture Next.js / Supabase découverte et prise en main en solo, avec une phase d'apprentissage accéléré sur des sujets éloignés du cœur de métier. Base de données construite en grande partie manuellement : estimations tarifaires par aéroport et par mois, logement calculé sur une médiane de prix, un travail de plusieurs jours pour arriver à un contenu cohérent. Certains mécanismes ont dû être revus à la baisse pour rester soutenables en solo, avec l'idée d'y revenir sur une prochaine version. Référencement naturel mené intégralement en interne : structure des pages, sitemap automatique, données structurées.
Phase de test
J’ai soumis Ontreep à 10 testeurs avec un questionnaire de 36 questions réparties en 7 sections, complété par des retours oraux. Les retours globaux sont très positifs (9,7/10 de recommandation), à relativiser puisque ce sont des proches. Les enseignements utiles sont ailleurs : une fonctionnalité disparue en cours de développement repérée par un œil extérieur, un sélecteur de dates difficile à modifier que j’ai repris, des libellés de formulaire à clarifier (la ville demandée est la ville de départ, ce qui n’était pas évident pour tout le monde). Autre enseignement plus structurant : certains visiteurs savent déjà où ils veulent aller et cherchent seulement une estimation tarifaire et des idées d’activités sur place, ce qui a conduit à créer un second chemin d’accès direct depuis une fiche destination ou roadtrip.
Le lancement
Création et animation du compte Instagram du projet, avec la production d'un motion design de 50 secondes présentant les fonctionnalités du site, réalisé sous Adobe Animate en s'appuyant sur d'anciennes bases acquises à l'époque de Flash, un exercice éloigné du cœur de métier mais mené jusqu'au bout.
Le résultat
Une plateforme complète portée de bout en bout en solo, avec plus de 200 destinations et 27 roadtrips documentés à ce jour. Le lancement est resté discret et je n’ai pas encore de données d’usage : c’est la prochaine étape.
La réflexion et la méthode derrière ce choix de tout mener seul sont détaillées dans un article dédié sur le blog.