Первые сервисы на AllBlog появились как отдельные небольшие страницы. Один инструмент форматировал JSON, другой менял регистр текста, третий создавал пароль.

Каждый из них решал свою задачу, но вместе они ещё не выглядели как единый продукт.

Со временем инструментов становилось больше, и возникла простая проблема: найти нужный сервис стало сложнее, чем им воспользоваться.

Так появился отдельный каталог онлайн-инструментов.

Почему списка ссылок оказалось недостаточно

Самый простой каталог можно сделать за несколько минут: название, короткое описание и ссылка.

Но длинный список быстро становится неудобным. Пользователь не хочет читать все названия подряд. Он приходит с конкретной задачей:

  • уменьшить изображение;
  • очистить ссылку;
  • проверить JSON;
  • создать пароль;
  • сравнить два текста.

Значит, каталог должен помогать не изучать структуру сайта, а сразу находить решение.

Сначала пришлось навести порядок

Инструменты были разделены по понятным направлениям:

  • изображения и дизайн;
  • текст и редактура;
  • данные и разработка;
  • безопасность;
  • генераторы.

Категории нужны не ради красивых вкладок. Они уменьшают количество вариантов перед глазами.

Человек, который хочет обработать фотографию, не должен одновременно выбирать между Regex, Cron и Base64.

Поиск важнее меню

Даже хорошие категории не решают всё. Иногда пользователь не знает, где искать нужную функцию.

Например, очистка UTM-меток относится к ссылкам, но отдельной категории «Ссылки» может не быть. Поэтому в каталоге появился быстрый поиск по названиям, описаниям и ключевым словам.

Вводишь utm, gps, json или пароль — остаются только подходящие карточки.

Для управления с клавиатуры добавлены:

↑ ↓ — выбор
Enter — открыть
/ — перейти к поиску

Небольшая деталь, но она заметно ускоряет работу с каталогом.

Карточка должна отвечать на три вопроса

У каждого инструмента есть карточка, которая сразу объясняет:

  1. Что это?
  2. Какую задачу решает?
  3. Нужно ли загружать данные на сервер?

Поэтому рядом с названием используются короткое описание и метки вроде «Локально», «Новый» или «Популярный».

Особенно важна метка локальной обработки. Для изображений, текстов, файлов и ссылок пользователю полезно знать, покидают ли данные браузер.

Главная страница раздела — не просто каталог

В верхней части страницы находятся быстрые действия:

  • открыть полный список;
  • перейти к случайному сервису;
  • посмотреть инструменты, которые чаще всего нужны;
  • вернуться к недавно открытым страницам.

Так раздел работает и для нового посетителя, и для человека, который уже знает нужный инструмент.

Новичку показываются понятные точки входа. Постоянному пользователю не приходится каждый раз искать один и тот же сервис.

Почему я не сделал отдельный дизайн для каждого сервиса

У инструментов разные задачи, но интерфейс должен ощущаться знакомым.

Поэтому сохраняются общие принципы:

  • одинаковая структура заголовка;
  • заметная рабочая область;
  • понятные основные кнопки;
  • блок связанных сервисов;
  • адаптация под телефон;
  • минимум декоративного шума.

Пользователь может перейти из JSON Formatter в Regex Studio или URL Toolkit и не тратить время на повторное изучение интерфейса.

Самая сложная часть — не добавить инструмент

Создать ещё одну страницу относительно просто.

Сложнее сделать так, чтобы новый сервис:

  • появился в каталоге;
  • находился через глобальный поиск;
  • получил правильную категорию;
  • отображался в связанных инструментах;
  • выглядел нормально на разных экранах;
  • имел понятное описание;
  • не нарушал общий стиль.

Каталог заставил смотреть на каждый инструмент не как на отдельный эксперимент, а как на часть системы.

Что получилось

Сейчас в разделе собрано 18 бесплатных сервисов для работы с изображениями, текстом, данными, ссылками и безопасностью.

Большая часть задач решается без регистрации. Там, где это возможно, обработка выполняется прямо в браузере.

Но главное изменение не в количестве инструментов.

Раньше это был набор полезных страниц. Теперь это отдельный продукт внутри AllBlog — со своей навигацией, логикой и понятным сценарием использования.

Что дальше

Каталог будет постепенно пополняться, но добавлять сервисы только ради числа не хочется.

Хороший инструмент должен решать реальную небольшую задачу, быть понятным без инструкции и выдавать результат за несколько действий.

Именно такие страницы со временем становятся теми самыми закладками, к которым возвращаются снова.