Свой продукт Open Source Лендинг · UI 2026 Live: signdrop.site

SignDrop

Инструмент для подписи документов прямо на устройстве — без облака, без регистрации. Разработала продукт и сделала для него лендинг двумя разными способами

Продукт
Подпись PDF / JPEG / PNG локально
Стек
Tauri · React · Vanilla JS
Лендинг
HTML/CSS вручную + Claude Design
Статус
Живой сайт · GitHub open source

Продукт

Подпись документов — без облака и без регистрации

SignDrop позволяет поставить рукописную подпись на PDF, JPEG, PNG, TIFF и WEBP прямо на своём устройстве. Документ никуда не уходит — вся обработка происходит локально. Нет аккаунта, нет подписки, нет зависимости от чужих серверов.

Доступен как веб-версия и как Windows-приложение. Открытый код. Интерфейс на русском и английском.

Local-first архитектура
Документ не покидает устройство — ни при загрузке, ни при обработке
Рукописная подпись
Рисуй мышью или трекпадом, загрузи готовый файл подписи или напиши текст
Многостраничные PDF
Подпись вставляется на нужную страницу, сохраняется в оригинальный файл
Без облака = без риска
Особенно важно для договоров, персональных данных, медицинских документов
Интерфейс SignDrop — подпись накладывается на документ

Интерфейс SignDrop: подпись вставляется в нужное место документа, поворачивается и масштабируется

Эксперимент

Один продукт — два лендинга. Что лучше?

Когда пришло время делать лендинг для SignDrop, я решила не просто сделать страницу, а провести честный эксперимент: написать два разных варианта и сравнить процесс и результат.

Подход А — ручной HTML/CSS с нуля: семантическая разметка, кастомный CSS, Vanilla JS. Полный контроль над каждой деталью. Подход В — через Claude Design: быстрая итерация, AI-помощь с макетом и стилями, экспорт в самодостаточный HTML-бандл. Обе версии работают, обе задокументированы.

Страница сравнения двух подходов к лендингу

Страница-эксперимент: сравнение ручного кода и Claude Design — с переключением между версиями

Итог

Финальный лендинг: глубокий синий и анимация

В финальной версии на signdrop.site появилась фирменная палитра — глубокий синий (#2f6bff), белый текст, тёплая бумажная подложка для документа. Заголовок «Подпишите любой документ за пару секунд» — с анимированным курсивом на «за пару секунд». Документ в хиро оживает: подпись пишется на глазах у пользователя.

Эксперимент (до) Финальный лендинг
Страница эксперимента
Финальный лендинг SignDrop

Перетащите ползунок ← → чтобы сравнить

Открыть signdrop.site
Свой продукт Open Source Local-first Два подхода к лендингу Анимация в хиро RU + EN