Morphには300以上のツールがあります。ファイル変換、画像編集、PDF操作、動画トリミング、QRコード生成、色選択、データフォーマット、フォント変換など、さらに多数のツールがあります。この数は強みですが、デザイン上の問題でもあります。2秒以内に必要なツールが見つからない場合、300個あるのはゼロ個あるのと同じです。
古い「Browse」ページはツールをフラットなグリッドで一覧表示していました。Morphが40のツールを持っていた頃は機能していましたが、300ツールになると電話帳のようになってしまいました。スクロールして、目を細めて、諦めてデッキを使用するようになりました。この体験は十分ではありませんでした。
Browseページは完全なリデザインです。1つのアイデアを中心に構築されています：どのツールも、探しているものかどうかに関わらず、2秒以内にアクセスできるように設計されています。
変更点
再設計されたBrowseページは、Cormorant Garamondフォントで書かれた単一の見出しで開きます："すべてのツール。1つのタブ。" その下で、ページは4つの異なるセクションに展開され、それぞれが異なるユーザーのニーズに合わせて設計されています。
At the top, three featured gradient cards spotlight the tools that define Morph: Morph Artboard (the full image editor), Flowcut (the video editor), and the QR code generator. Each card has a subtle hover animation — a slight lift and scale — that makes the whole page feel responsive and alive without being distracting. On mobile, these cards shrink to fit cleanly in a horizontal scroll at 220px wide.
おすすめカードの下に、人気の変換ピルが表示されます。これは、PNGからJPEG、MP4からMP3、HEICからJPG、PDFからテキスト、WebPからPNGへの変換を一タップで行えるショートカットです。メニューもドロップダウンも必要ありません。ピルをタップし、ファイルをドロップ、完了です。
さらに下に、カテゴリカードがすべてのツールを参照可能なグループに整理しています。各カードには、色付きの左ボーダー（3px solid、カテゴリごとにユニーク）、フォーマット数のバッジ、変換ペア数があります。画像ツール、動画ツール、音声ツール、文書ツール、開発者ツール、データツール — それぞれのカテゴリはフィルターではなく、目的地です。
本当に機能する検索
ページ上部近くに検索バーがあります。検索バーには「300+ツールを検索...」と表示され、入力するたびにリアルタイムでツールディレクトリ全体を絞り込みます。送信ボタンはありません。読み込みスピナーもありません。すべてのキーストロークが結果を狭めます即座に、検索はツール配列に対してクライアントサイドで完全に実行されるためです。
検索入力がフォーカスされたとき、わずかなオレンジ色の光が周囲に現れます — Morphのすべてのアクティブ状態で使用されている同じ#FF5200アクセントです。テキストが入力されると、単一のタップで検索をリセットできる小さなクリアボタンが表示されます。
これは意図的にシンプルです。曖昧な一致やランク付けアルゴリズム、AI駆動の推奨エンジンはありません。それは単なる平坦なリスト上のテキストフィルターです。ツール名と説明が明確に書かれているため、そしてこの規模でのクライアント側フィルタリングは実質的に瞬時であるため機能します。最良の検索体験は、レイテンシーゼロのものである場合があります。
カテゴリを目的地として
Most tool directories treat categories as filters. You pick a category from a dropdown, and the grid re-renders with a subset. That works, but it flattens the browsing experience into something transactional. You know what you want, you filter, you leave.
新しいブラウズページでは、カテゴリを異なる方法で処理します。各カテゴリカードには、サポートされている形式の数と利用可能な変換ペアの数の2つの数字が表示されます。画像ツールカードは単に「画像」とは言わず、15種類以上の形式と80種類以上の変換ペアが利用可能であることを示しています。このコンテキストにより、ラベルが探索を促す誘いに変わります。
カードはスタゲッドアニメーションでビューポートに入ります。各カードは前のカードから30ミリ秒後に表示されます。ホバー時にガラスパネル効果がアクティブになります：マルチレイヤーのボックスシャドウとバックドロップブルームを組み合わせることで、カードが表面から浮き上がるような奥行き効果が作られます。これらは装飾的な装飾ではありません。これらは、あなたがどこにいるか、何にインタラクションできるかを伝えるフィードバックメカニズムです。
すべてのアニメーションは prefers-reduced-motion メディアクエリを尊重します。オペレーティングシステムでモーションを減らす設定が有効になっている場合、スタッカー効果やホバーエフェクトは無効になります。アクセシビリティは後から考えるものではなく、すべてのインタラクションに組み込まれています。
おすすめツール
Browseの上部に表示されている3つの特集カードは、アルゴリズムではなく、手動で選定されています。人気ランキングもA/Bテストもエンゲージメントメトリクスもありません。ヒーローに表示されるツールは、Morphが最も得意とするものを表すために選ばれています。
Morph Artboard はレイヤー、マスク、ブレンドモード、および生成型フィルやオブジェクト削除などのAI機能を備えたフル画像エディタです。Flowcut はタイムライン編集、カラーレベル調整、スピードラーミング、LUTサポート、YouTube、Instagram、TikTok、GIF向けのエクスポートプリセットを備えたブラウザベースの動画エディタです。QRコードジェネレータは、カスタムカラーとサイズで即座にスキャン可能なコードを作成します。
これらは強調すべきツールのすべてではありません。しかし、キュレーションとは選択をすることです。3つのカード、3つのツール、1つの明確なメッセージ：Morphは単なるファイル変換ツールではありません。クリエイティブプラットフォームです。
これ为什么重要か
300項目のツールディレクトリは製品ではありません。それはスプレッドシートです。製品とは、誰かがBrowseを開いて必要なものを見つけるまでの間の出来事です。そのギャップはスクロールではなく、秒単位で測られるべきです。
良いツールは目に見えません。検索し、見つけ、使用します。ドキュメントを読んだり、チュートリアルを見たり、アカウントを作成したりしません。新しいBrowseページはこの原則に基づいて設計されています。すべての画面は、ツールを見つけるのを手伝うか、あなたが知らなかったツールを示すためにあります。
サインアップの壁やアップロードの要件はありません。ほとんどのツールはサーバーを介さずにブラウザ内で完全に動作します。ファイルはあなたのデバイスに残ります。このプライバシー保証はマーケティングの文言ではありません——それはアーキテクチャそのものです。MorphはWebAssemblyとJavaScriptを使用して、ファイルをクライアント側で処理します。AI機能を明示的に使用する場合を除き、サーバーにアクセスすることはありません。さらに、AI機能を使用する場合でも、処理はCloudflare Workersで行われ、ストレージやログは一切記録されません。
1つのアプリに300以上のツールが含まれても、必要なツールが見つけられないなら意味がありません。Browseのリデザインにより、必要なツールを探すのは使うのと同じくらい速くなりました。
Morphがファイル変換以外で何ができるかまだ探求していない場合は、Browseページから始めるのが最適です。画像圧縮、動画編集、フォント変換、メタデータ抽出、暗号化、チャート生成、履歴書作成 — すべて整理され検索可能になっています。
Browse pageを開き、必要なものを入力して、何が起こるかを見てください。または何も入力しないでください — ただスクロールするだけです。必要なツールを知らないまま見つけるかもしれません。たとえば、画像圧縮ツール（ブラウザ内で完全に実行）、または無料ビデオエディタ（パレット最適化でGIFエクスポート）です。
すべてのツール。1つのタブ。クラッターなし。