Дизайнеры хорошо знакомы с InvisionApp — веб-сервисом, который помогает получать качественную обратную связь от клиента и демонстрировать результаты своей работы онлайн. Сам по себе сервис прекрасный, там можно даже связывать макеты отдельных страничек в прототип. Одна загвоздка — ограничение по количеству активных проектов и участников демонстрации. Платный аккаунт всё решает, но у наших ребят давно зачесались руки устроить хакатон. А это значит, что мы построим свой Инвижин, с драг-н-дропом и Google-синхронизацией.

На весь проект у нас одни сутки. Анрил? У вас есть 30 секунд, чтобы прочитать хронику рабочего процесса:

Думаем!

Мысленно выкидываем из Invision всё, что раздражает или просто кажется лишним. Придумываем концепцию будущего сервиса.

Бэклог!

Пишем его быстро, в Google-доках. Делаем экспресс-оценку фич, расставляем приоритеты.

Дизайн!

Наш арт-директор делает дизайн всех экранов, беря элементы из Bootstrap — чтобы облегчить верстку. Нарезочка из кусков интерфейса, вкуснота:

Макеты!

Верстаем рабочие экраны в Bootstrap, вот уж где ванильный хардкор! Готово!

Синхронизация!

Где есть много свободного серверного места? На Google! Кто раздает аккаунты, пригодные для авторизации на нашем сервисе? Снова Google! C чем мы будем делать синхронизацию? C Google!

Проекты!

Авторизовался, создал папку в Google-драйве — получил новый проект в Хуижине. Создал новый проект в Хуижине — получил новую папку в гуглодрайве. Работает!

Загружаем!

Делаем удобнейший загрузчик макетов: обвел, перетащил, загрузил!

Подготовка!

Заказчик хочет красивую картинку, так сделай ее в Хуижине! Выровняй слайды, подбери цвет фона, скопируй ссылку!

Демонстрация!

Сколько угодно народу с Google-аккаунтами могут смотреть ваш макет и комментировать! Достаточно ткнуть в нужное место, написать коммент и вуаля — его увидят коллеги.

Тестирование!

На хакатоне тестить некогда, поэтому вдумчиво тестим на следующий день, потягивая какавушку!

Деплой!

Покупаем домен, выкладываемся на хостинг, получаем рабочий сервис!

Почему Whoision хорош

• Быстрая авторизация — один клик и вы полноценный пользователь.
• Удобное хранение файлов на Google Drive — всегда можно поредактировать свои проекты, даже не заходя на сайт сервиса.
• Синхронизация — всегда актуальное состояние ваших проектов: и в драйве, и в личном кабинете.
• Настройка показа, можно выровнять слайды и подобрать фоновый цвет — пусть ваши макеты произведут только хорошее впечатление.
• Совместное комментирование — собирайте самую качественную и наглядную обратную связь!

А ещё можно почитать историю одного хакатона в красках. А еще попробовать Whoision и написать нам, что вам в нем нравится, а что нет. Прямо вот в комменты!