Drafta — как мы создали инструмент для демонстрации и обсуждения дизайна сайтов

В 2013 году в студии Scada мы сделали простейший инструмент для хранения макетов экранов веб-страниц. Инструмент был удобен для веб-дизайнеров главным образом тем, что все макеты можно было наглядно видеть в виде списка слева и перемещаться по ним как в классическом файл-менеджере — отображая содержимое в другой колонке.

MVP. Идеология классического файл-менеджера
MVP. Идеология классического файл-менеджера

На рынке тогда было уже много мощных инструментов для веб-дизайнеров — таких как InVision, Marvel или просто Google Drive и Dropbox для хранения файлов. Но для нас наш собственный был все-таки удобней или, возможно, привычней — опять же из-за классической и наглядной структуры.

Когда мы проектируем сайт, мы думаем о структуре. Когда мы отправляем дизайны по электронной почте, структуру очень легко потерять. Разложите по полочкам все экраны вместе с различными статусами и мобильными версиями и делайте их доступным по url-адресу, без регистраций.

Шло время, мы обросли небольшими, но очень необходимыми техническими функциями, такими как демонстрация экранов с учетом ретины и выбора цвета фона. Инструмент по прежнему оставался максимально простым.

Наверное самый внимательный читатель вспомнит статью о том, как и для чего мы запускали другой наш продукт — тайм-трекер Pulse.red. Это был простейший сервис, который мы делали в первую очередь для себя, но который затем оказался самостоятельным продуктом. В этот раз и замысел, и процесс был сходный, поэтому не будем повторяться, а просто расскажем о главном.

Drafta — Showcase your work like a designer, not a photographer

Drafta — как мы создали инструмент для демонстрации и обсуждения дизайна сайтов

Перед тем, как сделать сервис публичным, мы сразу решили, что будем бить себя по руками за навешивание лишних функций. Не делать оказалось сложнее, чем наворачивать все новые функции. Сохранить простоту и сдерживать себя от впихивания всего и вся — та еще задача.

20 октября 2018 года мы запустили проект в сеть (Product of the Day, No.2 на Product Hunt) в том первозданном виде, в котором он разрабатывался шесть лет назад: ничего лишнего, полный аскетизм, весь акцент — на удобную структуру для удобной работы веб-дизайнера.

Видимо, за это нас и полюбил Sketch. “Мне очень нравится ваш предельно упрощенный подход”, — написал нам сотрудник из маркетинга Sketch. Нас добавили в Featured Integrations.

Получить признание от Sketch было очень приятно — к тому же мы лишний раз убедились, что чем продукт проще, тем он лучше.

Sketch Featured Integrations
Sketch Featured Integrations

После приятного старта проект начал жить настоящей жизнью — регистрации, обзоры, первые пользователи среди веб-студий. Но конфликт делать или не делать никуда не исчез: ощущение, что продукт не доделан и не доведен до полностью законченного состояния, осталось и после запуска.

В конце декабря 2018 года мы все-таки решились на последнюю новую функцию, в Drafta появились комментарии. На то, чтобы эта новая кнопочка появилась, потребовался месяц работы, но, как нам кажется, она решает важную задачу.

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

На момент написания этой статьи мы чувствуем полную гармонию в душе (надолго ли?). Теперь Drafta кажется полностью законченным инструментом для веб-дизайнеров и веб-студий.

Статистика проекта

понедельный график активных пользователей с момента открытия.
понедельный график активных пользователей с момента открытия.

На графике можно наблюдать и эффект Product Hunt, Sketch и как было грустно на новогодние праздники.

1818
19 комментариев

Чем вас Figma не устроила?

2

Фигма, это немного иное. Пишу как пользователь обеих сервисов:

В Drafta удобно показать проект не особо знакомому клиенту, которому сдаешь проект в первый раз и презентовать его

а в Figma удобно показывать постоянным клиентам, которым не в лом просто скинуть ссылку на исходники и не париться, что он там не сможет зарегаться или скопипастит там все мои исходники тупо себе и кинет с последней частью платежа, к примеру :)

3

Figma вышла в 2016, а Drafta мы уже начали пользоваться с 2013

1

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

2

Спасибо Михаил. Приятно, что вы разделяете наш подход и пользуетесь нашими продуктами. Будем рады услышать замечания / улучшения.

Pulse не пошел? (

Классный сервис, часто для этих целей использую инвижен, но у него очень неудобная структура, когда экранов много.
Вопрос к вам ребята, как в этой цепочке из скетч + drafta, вы передаете макеты на код?

1

Эти цепочки живут параллельно. Для клиентов и внутренней работы мы из Sketch экспортируем в Drafta, а для девелоперов — в Zeplin.

Marvel конечно выступает тут как "два в одном", предлагая Handoff. Но вот со структурой там сложнее.

2