DocuSûr
Тридцать один PDF-инструмент — и ни одного байта документа, отправленного на сервер.
- Год
- 2026
- Разработка
- 10 недель
- Стек
- React · TypeScript · Tailwind · PDF.js · Vercel
- Продуктовый дизайн
- Дизайн
- Разработка
- SEO
- Доступность
- инструмент для документов
- 31
- отправлено на сервер
- 0 байт
- доступность в Lighthouse
- 100/100
- производительность в Lighthouse
- 95/100
Какую задачу нужно было решить.
Контекст
DocuSûr объединяет 31 инструмент для работы с документами — объединение, разделение, сжатие, конвертация, подпись, OCR, — доступные бесплатно и без регистрации. Сервис разрабатывает Kayzen Web в Лионе.
Ограничение
Массовые альтернативы отправляют документ на зарубежный сервер, хранят его несколько часов и финансируют сервис рекламой. Для договора, расчётного листка или удостоверения личности это неприемлемо — и половина профессиональных пользователей это знает, не имея альтернативы.
Решение
Всё выполняется в браузере. Файл никогда не передаётся: вкладка «Сеть» в инструментах разработчика доказывает это за три секунды, и это главный коммерческий аргумент сайта. Это ограничение определило всю техническую архитектуру.
Показатели на момент сдачи.
Оценки Lighthouse для сайта в рабочей среде. Мы публикуем их как есть: если какая-то оценка низкая, её причина и план исправления описаны ниже, а не замалчиваются.
Каждое решение — и его причина.
Каталог, а не панель управления
Тридцать один инструмент — слишком много для меню. Главная страница — сетка по категориям с мгновенным поиском; у каждого инструмента своя страница и собственный URL, потому что именно так на него попадают из Google.
Доказательство конфиденциальности на первом экране
«Ваши файлы никогда не покидают браузер» — эта фраза стоит перед выбором файла, со ссылкой на техническое объяснение. Обещание конфиденциальности звучит раньше действия, которое ставит её под угрозу.
Перетаскивание с запасным вариантом
Зона перетаскивания, классическая кнопка выбора и поддержка вставки. Одно лишь перетаскивание исключает пользователей клавиатуры и часть сценариев на сенсорных экранах.
Палитра проекта
Чернила
#111827
Текст
Синий доверия
#2563EB
Главное действие
Надёжный зелёный
#059669
Подтверждение локальной обработки
Бумажный серый
#F9FAFB
Фон зон перетаскивания
Типографическая система
Заголовки
Inter 700
Основной текст
Inter 400
Никаких излишеств: инструмент должен отойти на второй план, уступив место документу.
Что внутри.
- React
- TypeScript
- Tailwind
- PDF.js
- Vercel
PDF.js и WebAssembly на стороне клиента
Чтение, рендеринг и запись PDF — в браузере. Тяжёлые операции (сжатие, OCR) выполняются через WebAssembly в воркере: интерфейс никогда не зависает, даже на документе в двести страниц.
Ни хранилища, ни учётных записей
Нет базы данных — значит, невозможна утечка, не нужно декларировать срок хранения и перечислять обработчиков. GDPR здесь решается архитектурой, а не политикой.
Загрузка по требованию для каждого инструмента
31 инструмент не делит один общий бандл. Открытие «объединить два PDF» не скачивает движок OCR, который сам по себе весит несколько мегабайт.
Как сайт становится находимым.
Одна страница на инструмент, одно намерение на страницу
«Объединить PDF», «сжать PDF», «подписать PDF» — это разные запросы, с большим объёмом и немедленным намерением. Единая страница со списком инструментов не собрала бы ни одного из них.
Отличительный аргумент — в заголовке
Теги title содержат «без отправки файла», а не превосходную степень. На рынке, где все страницы похожи друг на друга, именно этот фрагмент решает, будет ли клик.
HowTo для пошаговых инструментов
Многошаговые инструменты размечены HowTo; именно эти фрагменты подхватывают поисковые системы и ассистенты.
Удобно для всех.
С июня 2025 года Европейский акт о доступности (European Accessibility Act) требует цифровой доступности для значительной части онлайн-сервисов. Мы закладываем её на этапе проектирования, а не исправляем задним числом.
100/100 в Lighthouse — и проверено вручную
Автоматическая оценка покрывает лишь часть критериев. Каждый инструмент пройден с клавиатуры и с экранным диктором: прогресс обработки объявляется, ошибки файлов сформулированы явно, фокус возвращается после скачивания.
Что было сдано.
- Главная — сетка из 31 инструмента и поиск
- /<инструмент> — отдельная страница для каждого инструмента
- Конфиденциальность — техническое объяснение локальной обработки
- О сервисе, контакты, правовая информация
Ход проекта.
Осуществимость
Проверка того, что каждая операция помещается в браузер, включая OCR.
Основа
Рендеринг PDF, воркеры, загрузка по инструментам.
Развёртывание инструментов
31 инструмент, для каждого — своя страница и набор тестов.
Доступность
Проход с клавиатуры и экранным диктором по каждому инструменту.
О чём нас часто спрашивают.
Другие проекты
Соответствие GDPR & SaaSKonsent by Kayzen
Разработчик баннеров, который сам же их проверяет, — судья в собственном деле: независимость и была продуктом.
Наступательная кибербезопасность & SaaSSentinel by Kayzen
Продавать продукт безопасности инженерам: каждое утверждение должно было быть доказуемым.
Данные & МетеосервисMétéo Climat France
358 индексируемых страниц, анимированная карта на 72 срока — и ни одной строчки фреймворка.
Тот же уровень требований — для вашего сайта.
Бесплатный аудит вашего текущего сайта, смета в течение 24 часов и письменное обоснование — такое же, как то, что вы только что прочитали. Оплата в три этапа без переплаты; местные программы поддержки проверяются до подписания.