{"id":4879,"title":"\u0427\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0443\u0441\u043f\u0435\u0442\u044c, \u043f\u043e\u043a\u0430 \u0432\u044b \u0447\u0438\u0442\u0430\u0435\u0442\u0435 \u044d\u0442\u0443 \u0441\u0442\u0430\u0442\u044c\u044e","url":"\/redirect?component=advertising&id=4879&url=https:\/\/vc.ru\/otpbank\/266952&hash=82572a4a372a00657a2afc359f19a24c0bd24be8cecbd743f0681209c07c9a3a","isPaidAndBannersEnabled":false}
Дизайн
Alexey Vasilevsky

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

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

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

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

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

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

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

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

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

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

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

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

Sketch Featured Integrations

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

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

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

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

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

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

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

{ "author_name": "Alexey Vasilevsky", "author_type": "self", "tags": [], "comments": 19, "likes": 26, "favorites": 54, "is_advertisement": false, "subsite_label": "design", "id": 58925, "is_wide": true, "is_ugc": true, "date": "Tue, 19 Feb 2019 14:08:18 +0300", "is_special": false }
0
19 комментариев
Популярные
По порядку
Написать комментарий...
2

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

Ответить
3

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

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

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

Ответить
1

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

Ответить
2

Тогда без вопросов! У вас хорошая линейка простых и понятных продуктов для digital, ждем новые!

Ответить
1

Спасибо! Кстати скоро будет новый :-)

Ответить
1

WOW! Ждем!!!

Ответить
2

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

Ответить
0

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

Pulse не пошел? (

Ответить
0

Pulse тоже зашел. Использую в основном для своих проектов.
Планируете развивать Drafta? Не хватает возможности задать параметры всей группе (цвет фона, позиционирование, масштабирование для ретины), приходится пока забивать для каждой страницы.

Ответить
2

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

Ответить
1

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

Ответить
2

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

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

Ответить
1

Выглядит интересно. Наверное перейду к вам. Особенно понравился этот сайдбар с понятной структурой. Возможность видеть Desktop + Mobile и группировать скрины — существенный плюс. Пользуюсь Марвел и в нем как раз таких примочек и не хватает.

Ответить
1

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

Ответить
0

у нас как-раз все постоянные клиенты на Драфте. Некоторые годами

Ответить
0

Планируете оставить сервис бесплатным или будете добавлять платные функции?

Ответить
0

Думаем в скором времени подключить платежку и сделать сервис платным. Окончательной ценовой политики пока нет. Но Freemium будет.

Ответить
0

Приятно 😇. Будем очень рады, если Вы потом поделитесь впечатлением.

Ответить
Читать все 19 комментариев
На первые страницы Google в Норвегии поднялся спам-сайт, замаскированный картинкой со «Смешариками» Статьи редакции

«Один спамерский домен получает большую долю всего поискового трафика Google в стране».

Эту картинку видит пользователь при заходе на сайт мошенников
Власти США предъявили обвинения основателю производителя электрогрузовиков Nikola миллиардеру Тревору Милтону Статьи редакции

Присяжные требуют, чтобы Милтон лишился всего имущества и денег, «связанных с преступлением», это может быть около $1 млрд.

Тревор Милтон The Verge
План победы: как я получил 2.5 миллиона рублей в конкурсе Сбера

История о том, как мне удалось с помощью старания, стратегии и толики удачи выиграть конкурс для разработчиков с внушительным призовым фондом.

Морзе, резистор, стихотворный размер. Везде одна страница с визуальным выводом и длинный голосовой ввод.
Как Askona обманывает покупателей, а Aliexpress и Tmall не видят очевидного

Здравствуйте! Всегда был только читателем на vc и не думал, что когда-то придётся выйти из тени, но сейчас я не вижу другого выхода. Постараюсь кратко и по факту.
Видя очередную распродажу с мегаскидками на Али, я решился заказать матрас и в нагрузку к нему анатомическую подушку в Askona Official Store. Скомбинировав скидки, купоны, монеты и всё…

«Spotify: История продукта». Создание десктопного приложения

От десктопного приложения с серверами в шкафу до революционного формата потоковой передачи музыки.
«Spotify: История продукта» — серия статей от команды Spotify в России, где читатели vc.ru могут узнать, как создавался сервис, какие решения стояли за продуктовыми изменениями и кто придумал музыкальные стриминги такими, какими они выглядят сейчас.

Aleph расширяет присутствие на Ближнем Востоке: холдинг приобрел контрольный пакет акций Connect Ads

Aleph Holding, глобальный партнер крупнейших диджитал платформ и материнская компания Httpool, объявил о приобретении контрольного пакета акций Connect Ads. Компания является провайдером цифровых медиа и рекламных решений в странах Ближнего Востока и Африки.

На сайте «Медузы» появится витрина с мерчем — часть средств от продаж пойдёт на поддержку работы издания Статьи редакции

Создавать и продавать мерч будут партнёры, издание — придумывать идею и слоганы.

Как оцифровать ремонт колесных пар? Ответ нашли в Первой грузовой компании

Мы завершили разработку интеллектуальной системы, которая на основе контрольно-технических измерений позволяет отслеживать толщину колесных пар (ИС КТИ). С ее помощью компания снижает расходы на ремонт и повышает уровень клиентского сервиса. Проект является частью масштабной разработки под названием «Цифровой вагон». В статье мы подробно…

«Яндекс.Про» отстранил курьера от работы из-за неправильного адреса клиента

Несколько лет назад я прочитал на VC занимательную статью о том, как в одной из американских IT компаний искусственный интеллект самостоятельно уволил сотрудника, а тот никак не смог этому противостоять. Тогда мне это показалось забавным, исключительным случаем, но я и подумать не мог, что такие ситуации могут быть отлажены в «систему» и…

PERI развивает систему управления производством с 1С:ERP
От конкурентной разведки до настройки рекламы: как использовать прокси в бизнесе

Объясняем на простых примерах.

null