Morph має понад 300 інструментів. Конвертація файлів, редагування зображень, маніпулювання PDF, зрізання відео, генерація QR-кодів, вибір кольорів, форматування даних, конвертація шрифтів та багато іншого. Ця кількість — це сила, але це також проблема дизайну. Якщо ви не можете знайти потрібний інструмент за дві секунди, мати 300 з них — навіть гірше, ніж не мати жодного.
Старий розділ Browse перелічував інструменти у плоскій сітці. Це працювало, коли Morph мав 40 інструментів. При 300 інструментах це стало телефонним довідником. Ви прокручували, змінювали зірку, відмовлялися і користувалися доком замість цього. Такий досвід був недостатньо добрий.
Нова сторінка Browse — це повний редизайн. Вона побудована навколо однієї ідеї: кожен інструмент має бути доступним менше, ніж за дві секунди, чи знаєте ви, що шукаєте, чи просто досліджуєте.
Що змінилося
Перероблена сторінка Browse відкривається з єдиним заголовком у шрифті Cormorant Garamond: "Кожен інструмент. Одна вкладка." Під ним сторінка розкривається на чотири різні секції, кожна з яких призначена для різного типу користувацького наміру.
Зверху, три виділені картки з градієнтом виділяють інструменти, які визначають Morph: Morph Artboard (повний редактор зображень), Flowcut (редактор відео) та генератор QR-кодів. Кожна картка має незначну анімацію при наведенні — легке підняття та масштабування — що робить всю сторінку відчутною реактивною та живаючи, без зайвого візуального навантаження. На мобільному пристрої ці картки зменшуються, щоб вміститися в горизонтальний прокрутці ширини 220px.
Під картками з рекомендаціями, рядок популярних кнопок показує найпоширеніші конвертації: PNG на JPEG, MP4 на MP3, HEIC на JPG, PDF на Text, WebP на PNG. Це одночасні скорочення для пар конвертації, які люди найчастіше шукають. Немає меню, немає випадаючих списків. Натисніть кнопку, перетягніть файл, готово.
Нижче, картки категорій організовують кожен інструмент у зручні групи для перегляду. Кожна картка має колірну ліву межу (3px solid, унікальна для кожної категорії), етикетку з кількістю форматів та пару підрахунків перетворень. Інструменти зображення, відео, аудіо, документів, розробників, даних — кожна категорія є кінцевою точкою, а не фільтром.
Пошук, який справді працює
Панель пошуку розташована ближче до верху сторінки. Вона відображає «Пошук 300+ інструментів...» і фільтрує цілий каталог інструментів у реальному часі під час набору. Немає кнопки надсилання. Немає індикатора завантаження. Кожний натиск клавіші миттєво скорочує результати миттєво, оскільки пошук виконується повністю на стороні клієнта проти масиву інструментів.
Коли вхідне поле пошуку фокусується, навколо нього з'являється субтільний оранжевий блиск — той самий #FF5200 акцент, який використовується в усіх активних станах Morph. Коли текст введено, з'являється невелике прозоре кнопка, щоб скинути пошук однією клацанням замість вибору та видалення.
Це свідомо просто. Немає ніякого нечіткого зіставлення, ніякого алгоритму ранжування, ніякого інтелектуального двигуна для пропозицій. Це текстовий фільтр над плоским списком. Це працює, бо назви і описи інструментів написані чітко, і тому, що клієнтське фільтрування на цьому рівні ефективно миттєве. Іноді найкращий досвід пошуку — це той, що має нульову затримку.
Категорії як місця призначення
Більшість інструментів для каталогів ставлять категорії як фільтри. Ви обираєте категорію зі списку, і мережа перерендерується з підмножиною. Це працює, але сплескує досвід перегляду до щось транзакційного. Ви знаєте, що хочете, ви фільтруєте, ви йдете.
Нова сторінка Browse обробляє категорії по-різному. Кожна картка категорії показує два числа: кількість підтримуваних форматів та кількість доступних пар перетворень. Картка інструментів зображення не просто каже «Зображення» — вона вказує, що доступно 15+ форматів і 80+ пар перетворень. Цей контекст перетворює позначку на запрошення до дослідження.
Картки з'являються у вікні зі зсунутими анімаціями, кожна з'являється через 30 мілісекунд після попередньої. При наведенні вмикається ефект скляної панелі: багатошарове тіньове коло разом із розмиттям фону створює ефект глибини, що робить картку такою, ніби вона піднімається з поверхні. Це не декоративні прикраси. Це механізми зворотного зв'язку, які показують вам, де ви знаходитесь, і що ви можете взаємодіяти.
Кожна анімація враховує медіа-запит prefers-reduced-motion. Якщо ваша операційна система налаштована на зменшення руху, ефекти стекання та наведення вимикаються. Доступність не є післядумкою — вона вбудована в кожну взаємодію.
Рекомендовані інструменти
Три рекомендовані картки зверху сторінки Browse обрані вручну, а не алгоритмічно. Немає рейтингу популярності, A/B-тестування, метрик взаємодії, що визначають, що потрапить у героя. Рекомендовані інструменти обрані тому, що вони найкраще представляють, що робить Morph.
Morph Artboard — це повноцінний редактор зображень з шарами, масками, режимами змішування та інтелектуальними функціями, такими як генерація за допомогою штучного інтелекту та видалення об'єктів. Flowcut — це браузерний редактор відео з можливістю редагування на таймлайні, корекції кольору, зміни швидкості, підтримкою LUT та пресетами експорту для YouTube, Instagram, TikTok та GIF. Генератор QR-кодів створює сканований код миттєво з можливістю налаштування кольору та розміру.
Це не єдині інструменти, які варто виділити. Але кураторство означає вибір. Три картки, три інструменти, один чіткий повідомлення: Morph — це не просто конвертер файлів. Це творчий платформа.
Чому це важливо
Каталог із 300 інструментів не є продуктом. Це таблиця. Продукт — те, що відбувається між моментом відкриття «Browse» і моментом знаходження потрібного інструменту. Цей проміжок має вимірюватися секундами, а не прокрутками.
Добрі інструменти непомітні. Ви шукаєте, знаходите, використовуєте. Ви не читаєте документацію. Не дивитесь відеоуроки. Не створюєте обліковий запис. Нова сторінка Browse розроблена навколо цієї ідеї. Все на екрані або допомагає знайти інструмент, або показує вам інструмент, якого ви не знали.
Немає стіни реєстрації. Не потрібно завантажувати файли. Більшість інструментів працюють повністю в вашому браузері без участі сервера. Ваші файли залишаються на вашому пристрої. Ця гарантія приватності — не маркетингова фраза, а архітектура продукту. Morph використовує WebAssembly та JavaScript для обробки файлів на стороні клієнта. Ніщо не дотикається до сервера, окрім випадку, коли ви явно використовуєте функцію штучного інтелекту, і навіть тоді обробка відбувається на Cloudflare Workers без зберігання або логування.
300+ інструментів у одній програмі — це незначуще, якщо ви не можете знайти той, що вам потрібен. Переробка Browse робить пошук потрібного інструменту таким же швидким, як і його використання.
Якщо ви ще не досліджували, що Morph може зробити, крім конвертації файлів, сторінка Browse — це місце, де почати. Компресія зображень, редагування відео, конвертація шрифтів, витягнення метаданих, шифрування, генерація діаграм, створення резюме — все це є, організоване та пошукове.
Відкрийте сторінку Browse, введіть те, що вам потрібно, і подивіться, що відбувається. Або не вводьте нічого — просто прокручуйте. Ви можете знайти інструмент, якого не знали, що вам потрібен, наприклад, компресор зображень, який працює повністю в вашому браузері, або безкоштовний відеоредактор, який експортить у GIF з оптимізованою палітрою.
Кожен інструмент. Одна вкладка. Нуль завад.