Morph имеет более 300 инструментов. Конвертация файлов, редактирование изображений, манипуляция PDF, обрезка видео, генерация QR-кодов, выбор цветов, форматирование данных, конвертация шрифтов и многое другое. Это число — сила, но также и проблема дизайна. Если вы не можете найти нужный инструмент за две секунды, наличие 300 инструментов не лучше, чем их отсутствие.
Старая страница «Обзор» отображала инструменты в простой сетке. Это работало, когда Morph имел 40 инструментов. При 300 инструментах она превратилась в телефонный справочник. Вы прокручивали, squinted, сдавались и использовали панель вместо этого. Такой опыт был недостаточно хорош.
Новая страница Browse полностью переработана. Она построена вокруг одной идеи: каждому инструменту должно быть доступно за две секунды, независимо от того, знаете ли вы, что ищете, или просто исследуете.
Что изменилось
Переработанная страница Browse открывается с одной заголовочной строкой в шрифте Cormorant Garamond: "Каждый инструмент. Одна вкладка." Под ней страница раскрывается в четыре отдельных раздела, каждый из которых предназначен для разных целей пользователя.
Вверху три карточки с градиентным оформлением выделяют инструменты, которые определяют Morph: Morph Artboard (полноценный редактор изображений), Flowcut (редактор видео) и генератор QR-кодов. Каждая карточка имеет незаметную анимацию при наведении — легкое поднятие и масштабирование — что делает весь сайт чувствующим отзывчивым и живым, не отвлекая. На мобильных устройствах эти карточки уменьшаются, чтобы поместиться в горизонтальный скролл шириной 220 пикселей.
Под рекомендованными карточками отображается ряд популярных кнопок с самыми частыми преобразованиями: PNG в JPEG, MP4 в MP3, HEIC в JPG, PDF в текст и WebP в PNG. Это однокликовые ярлыки для преобразований, которые люди чаще всего ищут. Нет меню, нет выпадающих списков. Нажмите кнопку, перетащите файл, готово.
Ниже категории организованы в удобные группы для просмотра. Каждая карточка имеет цветную левую границу (3px solid, уникальная для каждой категории), значок количества форматов и количество пар преобразований. Инструменты изображений, видео, аудио, документов, разработчика, данных — каждая категория является точкой назначения, а не фильтром.
Поиск, который действительно работает
Поиск находится в верхней части страницы. Он отображает «Поиск 300+ инструментов...» и фильтрует весь каталог инструментов в реальном времени по мере ввода. Нет кнопки отправки. Нет индикатора загрузки. Каждый ввод мгновенно сужает результаты мгновенно, так как поиск выполняется полностью на стороне клиента против массива инструментов.
Когда поле поиска фокусируется, вокруг него появляется тонкое оранжевое свечение — тот же #FF5200, что используется в качестве акцента во всех активных состояниях Morph. При вводе текста появляется небольшая кнопка очистки, чтобы сбросить поиск одним касанием, вместо выделения и удаления текста.
Это deliberately простое. Нет нечеткого сопоставления, нет алгоритма ранжирования, нет ИИ-движка для предложений. Это текстовый фильтр над плоским списком. Работает потому, что имена инструментов и описания написаны четко, и потому, что клиентская фильтрация на этом уровне эффективно мгновенна. Иногда лучший опыт поиска — это тот, где нет задержек.
Категории как точки назначения
Большинство инструментов для каталогов рассматривают категории как фильтры. Вы выбираете категорию из выпадающего меню, и сетка перерисовывается с подмножеством. Это работает, но превращает процесс просмотра в нечто транзакционное. Вы знаете, что вам нужно, вы фильтруете, и уходите.
Новая страница «Обзор» обрабатывает категории по-разному. Каждая карточка категории показывает два числа: количество поддерживаемых форматов и количество доступных пар конвертации. Карточка инструментов изображения не просто говорит «Изображение» — она сообщает, что доступно более 15 форматов и более 80 пар конвертации. Этот контекст превращает метку в приглашение к исследованию.
Карточки появляются в области просмотра с постепенными анимациями, каждая появляется через 30 миллисекунд после предыдущей. При наведении активируется эффект стеклянной панели: многослойная тень и размытие фона создают эффект глубины, делая карточку похожей на поднимающуюся над поверхностью. Это не декоративные элементы. Это механизмы обратной связи, которые показывают, где вы находитесь и что можно взаимодействовать.
Каждая анимация учитывает медиа-запрос prefers-reduced-motion. Если в вашей операционной системе включено сокращение движения, эффекты задержки и наведения отключаются. Доступность не является после мыслью — она встроена во все взаимодействия.
Рекомендуемые инструменты
Три выделенные карточки вверху раздела «Обзор» подобраны вручную, а не алгоритмически. Нет рейтинга популярности, нет 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 — идеальное место для начала. Сжатие изображений, редактирование видео, конвертация шрифтов, извлечение метаданных, шифрование, генерация диаграмм, создание резюме — всё это доступно, организовано и легко искать.
Откройте страницу Обзор, введите, что вам нужно, и посмотрите, что происходит. Или не вводите ничего — просто прокручивайте. Вы можете найти инструмент, о котором не знали, что вам нужен, например, компрессор изображений, работающий полностью в вашем браузере, или бесплатный видеоредактор, экспортирующий в GIF с оптимизированной палитрой.
Все инструменты. Одна вкладка. Никакого мусора.