Morph Blog
Produit

Nouvelle expérience de navigation de Morph : 300+ outils, zéro encombrement

PAR MORPH5 MIN LECTURE
20 mars 2026 · lecture de 4 min

Morph possède plus de 300 outils. Conversion de fichiers, édition d'images, manipulation de PDF, découpage vidéo, génération de QR, sélection de couleurs, formatage de données, conversion de polices, et bien plus encore. Ce nombre est une force, mais c'est aussi un problème de conception. Si vous ne trouvez pas l'outil dont vous avez besoin en deux secondes, avoir 300 outils n'est pas mieux qu'en avoir aucun.

La page Anciens outils affichait les outils sous forme d'une grille plate. Cela fonctionnait lorsque Morph avait 40 outils. À 300, cela ressemblait à un annuaire téléphonique. Vous défiliez, vous squintiez, vous abandonniez et utilisiez plutôt le dock. Cette expérience n'était pas suffisamment bonne.

La nouvelle page Browse est une refonte complète. Elle est construite autour d'une seule idée : chaque outil doit être accessible en moins de deux secondes, que vous sachiez ce que vous cherchez ou que vous exploriez simplement.

Ce qui a changé

La page Browse redessinée s'ouvre avec une seule légende en Cormorant Garamond : "Tous les outils. Une onglet." En dessous, la page se déploie en quatre sections distinctes, chacune conçue pour un type d'intention utilisateur différent.

En haut, trois cartes de dégradé en vedette mettent en avant les outils qui définissent Morph : Morph Artboard (l'éditeur d'images complet), Flowcut (l'éditeur vidéo) et le générateur de codes QR. Chaque carte possède une animation au survol subtile — une légère élévation et mise à l'échelle — qui rend toute la page réactive et vivante sans être distraite. Sur mobile, ces cartes se réduisent pour s'adapter proprement à un défilement horizontal de 220px de large.

En dessous des cartes principales, une rangée de pilules de conversion populaires affiche les conversions de fichiers les plus courantes : PNG vers JPEG, MP4 vers MP3, HEIC vers JPG, PDF vers Texte, et WebP vers PNG. Ce sont des raccourcis d'un clic vers les paires de conversion que les gens recherchent le plus. Aucun menu, aucun menu déroulant. Cliquez sur la pilule, déposez un fichier, c'est fait.

Plus bas, les cartes de catégorie organisent tous les outils en groupes navigables. Chaque carte a une bordure gauche colorée (3px solide, unique par catégorie), un badge de comptage de formats et un compteur de paires de conversion. Outils image, outils vidéo, outils audio, outils document, outils développeur, outils données — chaque catégorie est une destination, pas un filtre.

Recherche qui fonctionne vraiment

La barre de recherche est située près du haut de la page. Elle affiche « Rechercher 300+ outils... » et filtre en temps réel l'ensemble du répertoire d'outils à mesure que vous tapez. Il n'y a pas de bouton de validation. Il n'y a pas d'indicateur de chargement. Chaque touche réduit instantanément les résultats en temps réel car la recherche s'exécute entièrement côté client contre le tableau d'outils.

Lorsque le champ de recherche est focalisé, un doux éclat orange apparaît autour de celui-ci — le même #FF5200 accent qui parcourt chaque état actif dans Morph. Un petit bouton clair apparaît lorsque du texte est saisi, vous permettant de réinitialiser la recherche avec un simple clic plutôt que de sélectionner et supprimer.

C'est délibérément simple. Il n'y a pas de correspondance floue, pas d'algorithme de classement, pas de moteur de suggestion alimenté par l'IA. C'est un filtre de texte sur une liste plate. Cela fonctionne car les noms des outils et les descriptions sont écrits clairement, et parce que le filtrage côté client à cette échelle est effectivement instantané. Parfois, la meilleure expérience de recherche est celle avec zéro latence.

Catégories comme destinations

La plupart des répertoires d'outils traitent les catégories comme des filtres. Vous sélectionnez une catégorie dans un menu déroulant, et la grille se re-renderise avec un sous-ensemble. Cela fonctionne, mais cela réduit l'expérience de navigation à quelque chose de transactionnel. Vous savez ce que vous voulez, vous filtrez, vous partez.

La nouvelle page Parcourir traite les catégories différemment. Chaque carte de catégorie affiche deux chiffres : le nombre de formats pris en charge et le nombre de paires de conversion disponibles. Une carte d'outils image ne dit pas simplement « Image » — elle indique qu'il y a plus de 15 formats et plus de 80 paires de conversion disponibles. Ce contexte transforme une étiquette en invitation à explorer.

Les cartes entrent dans la zone d'affichage avec des animations différées, chacune apparaissant 30 millisecondes après la précédente. Au survol, un effet de panneau en verre s'active : une ombre portée multi-couches combinée à un flou arrière-plan crée un effet de profondeur qui fait que la carte semble se soulever de la surface. Ce ne sont pas des détails décoratifs. Ce sont des mécanismes de rétroaction qui vous indiquent où vous êtes et ce que vous pouvez interagir avec.

Toutes les animations respectent la requête média prefers-reduced-motion. Si votre système d'exploitation est configuré pour réduire le mouvement, les effets de décalage et de survol sont désactivés. L'accessibilité n'est pas une réflexion tardive ici — elle est intégrée à chaque interaction.

Outils en vedette

Les trois cartes en vedette en haut de Browse sont soigneusement sélectionnées, pas algorithmiques. Il n'y a pas de classement par popularité, pas de test A/B, pas de métrique d'engagement décidant ce qui est en vedette. Les outils en vedette sont choisis car ils représentent ce que Morph fait le mieux.

Morph Artboard est un éditeur d'images complet avec calques, masques, modes de fusion et fonctionnalités alimentées par l'IA comme le remplissage génératif et la suppression d'objets. Flowcut est un éditeur vidéo basé navigateur avec édition de timeline, retouche couleur, modulation de vitesse, support des LUT et préréglages d'export pour YouTube, Instagram, TikTok et GIF. Le générateur de QR code crée instantanément des codes scannables avec des couleurs et tailles personnalisables.

Ce ne sont pas les seuls outils à mettre en avant. Mais la curation signifie faire un choix. Trois cartes, trois outils, un message clair : Morph n'est pas seulement un convertisseur de fichiers. C'est une plateforme créative.

Pourquoi cela compte

Un répertoire d'outils avec 300 entrées n'est pas un produit. C'est une feuille de calcul. Le produit est ce qui se passe entre le moment où quelqu'un ouvre Browse et celui où il trouve ce qu'il cherche. L'écart doit être mesuré en secondes, pas en défilements.

Un bon outil est invisible. Vous recherchez, vous trouvez, vous utilisez. Vous ne lisez pas de documentation. Vous ne regardez pas de tutoriel. Vous ne créez pas de compte. La nouvelle page Navigateur est conçue autour de ce principe. Tout sur l'écran aide soit à trouver un outil, soit à vous montrer un outil que vous ne connaissiez pas.

Il n'y a pas de mur d'inscription. Aucune exigence de téléchargement. La plupart des outils fonctionnent entièrement dans votre navigateur, sans serveur impliqué. Vos fichiers restent sur votre appareil. Cette garantie de confidentialité n'est pas une ligne de marketing — c'est l'architecture. Morph utilise WebAssembly et JavaScript pour traiter les fichiers côté client. Rien ne touche un serveur à moins que vous n'utilisiez explicitement une fonctionnalité d'IA, et même dans ce cas, le traitement s'effectue sur Cloudflare Workers sans stockage ni journalisation.

300+ outils dans une seule application est sans sens si vous ne pouvez pas trouver celui dont vous avez besoin. La nouvelle conception de Navigation rend la recherche de l'outil approprié aussi rapide que son utilisation.

Si vous n'avez pas exploré ce que Morph peut faire au-delà de la conversion de fichiers, la page Parcourir est le meilleur point de départ. Compression d'images, édition vidéo, conversion de polices, extraction de métadonnées, chiffrement, génération de graphiques, création de CV — tout est là, organisé et recherchable.

Ouvrez la page Parcourir, saisissez ce dont vous avez besoin, et voyez ce qui se passe. Ou ne saisissez rien du tout — faites simplement défiler. Vous pourriez trouver un outil que vous ne saviez pas que vous nécessitiez, comme un compresseur d'images qui fonctionne entièrement dans votre navigateur, ou un éditeur vidéo gratuit qui exporte en GIF avec des palettes optimisées.

Tous les outils. Une seule onglet. Aucun encombrement.

Parcourir 300+ Outils