Прототипы сайтов и приложений

Прототип сайта. Блок-схемы. Карты MindMap

Проектируйте информацию и взаимодействие.
Легко объясняйте. Находите верные решения.
Превращайте идеи в понятные технические задания.

ПРОТОТИП САЙТА

Создавайте кликабельные прототипы сайтов, лендингов, интерфейсов, с выгрузкой HTML.

БЛОК-СХЕМЫ

Легко объясняйте идеи на схеме. Рисуйте ровные и понятные схемы, с множеством готовых виджетов.

МЕНТАЛЬНЫЕ КАРТЫ

Вспоминайте все детали проекта. Штурмуйте и развивайте идеи. Удобное дерево мыслей MindMap.

Возможности

Навигация по страницам (Ссылки, кнопки)
Карта сайта (сортировка и группировка Drag’n’Drop)
Быстрая вставка скринов из буфера.
Сквозные секции (для хедеров, футеров и др.)
Выгрузка прототипа в Html
Кликабельные области (оживить дизайн)
Всплывающие окна (для форм и пр.)
Динамические панели
Виджеты для схематической верстки (заголовки, тексты, блоки)
Вкладки, Галочки, поля ввода. Выпадающие списки, таблицы.
Проектирование протоипов мобильных версий.

Примеры прототипов

Лендинги

Прототип лендинга по межкомнатным дверям ДЕМО

Интерфейс

Тест панелей на мокапе мобильного ДЕМО 
Прототип заметочника ДЕМО
Одностраничнй многоэкранный интерфейс ДЕМО

Многостраничные сайты

Прототип многостраничного сайта ДЕМО 
Варфрейм многостраничного сайта по решеткам на окна ДЕМО

Тесты

Пример работы событий ДЕМО 
Тест динамических панелей, интерфейс windows ДЕМО
Пробовали своими виджетами повторить сайт Apple ДЕМО

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

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

Выпадающие меню

Выпадающее меню любой сложности, и с произвольным содержимым. Один простой виджет, поможет спроектировать навигацию на сайте.

Виджеты

Множество удобных и умных виджетов для автоматизации создания прототипа.


СХЕМАТИЧЕСКИЕ

Например чтобы обозначить где и сколько будет текста, когда надо что-то быстро набросать но мало вводных данных.

ПОДРОБНЫЕ
Множество настроек вида для максимально точной передачи ваших идей. Можно создать небольшой сайт и скачать его к себе на диск.

УМНЫЕ
Например автоматизация создания вкладок, перетащите виджет и просто набрасывайте сразу содержимое вкладок, не собирая сам функционал вкладок.

ПРОСТЫЕ
Стрелки. Блоки. Линии. Заметки. Все что поможет вам передать максимум информации разработчикам, чтобы никто ничего не переспрашивал.

Обновление. Виджет выпадающего меню.

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

Теперь при проектировании меню, можно думать о содержании и удобстве меню, а не о том как собрать само меню из панелей. Это круто!

Обновление 26.06.2018

Добавили функцию «Сменить URL проекта». Если необходимо спрятать проект, воспользуйтесь этой функцией. Включается нажатием на иконку шпиона, рядом со ссылкой проекта в личном кабинете. Проект по старой ссылке перестанет открываться, при этом останется в аккаунте и будет доступен для редактирования. Когда понадобится снова показать проект, нужно скинуть новую ссылку на прототип.

Обновление 23.06.2018

Обновление. — Для удобства добавления шапки и подвала сайта, добавили виджеты Header и Footer. Просто перетащите их, и они будут висеть на всех страницах прототипа закрепленные сверху/снизу, доступные для редактирования. Логику сквозных секций, менять не стали. Если вам нужны сквозные секции только для выбранных страниц, функционал работает без изменений.

Обновление 22.06.2018

+ Добавили инструмент ножниц. Теперь секцию можно разрезать на несколько частей. Если например сделали шапку сайта, но не создали для неё отдельную секцию, просто обрежьте её в нужном месте.

Группа Вконтакте

vk.com/esk_one

2018