ПРОТОТИПИРОВАНИЕ.
ПРОФЕССИОНАЛЬНО.

Проектируем простые
и сложные интерфейсы
в Axure.
И не только

Проектируем простые и сложные интерфейсы в Axure.
И не только

Как мы пришли к прототипам

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


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


Во-вторую очередь — это описание интерфейсов, поведения пользователей и логики работы элементов интерфейса в ТЗ: процесс написания и, самое главное, согласование ТЗ тоже растягиваются на долгое время.


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

КТО МЫ И НАШ ОПЫТ
Привет!
Мы — Dен и Mаша.
И мы проектируем интерфейсы.
Мы проджекты с 2012. И мы не веб-студия :) Пока...

В сфере с 2012 года. Вели всякие проекты: лендинги, сервисы, корппорталы и мобильные приложения.

Сейчас мы сфокусировались на создании интерактивных прототипов в Axure. Готовы создавать прототипы «с нуля», а можем подхватить и уже активные.

Мы создаём концепции проектов и на их основе — интерактивные прототипы в Axure.
КТО МЫ И НАШ ОПЫТ
Привет!
Мы — Dен и Mаша.
И мы проектируем интерфейсы.
Мы проджекты с 2012. И мы не веб-студия :) Пока...

В сфере с 2012 года. Вели всякие проекты: лендинги, сервисы, корппорталы и мобильные приложения.

Сейчас мы сфокусировались на создании интерактивных прототипов в Axure. Готовы создавать прототипы «с нуля», а можем подхватить и уже активные.

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

Прототип значительно сокращает время на постановку задач дизайнеру. Тем самым облегчается работа проджекта и экономится время будущего согласования дизайн-макетов.
Меньше затрат на ТЗ
Проработанный прототип позволяет в более короткие сроки написать ТЗ на разработку проекта. Да по сути прототип - это визуальное ТЗ.

Всё ведь потому, что описывать интерфейс, сценарии работы пользователей и логику поведения экранов/ блоков значительно проще, имея перед глазами визуальное представление проекта.
Понятная структура
При создании прототипа изучаются конкурентные истории и/ или применяется лучшее из них, формируются уникальные особенности проекта. Прототип более гибок для «правок» в отличии от готового комплекта дизайн-макетов.

Именно поэтому ещё до начала реализации проекта (дизайна, вёрстки, программинга...) мы помогаем определиться и установить наиболее важные «точки» его создания, чтобы при реализации не появлялись различные «подводные камни» и непродуманные ситуации.

Тестирование — сразу
Интерактивный прототип в силу своей интерактивности позволяет «покликать» будущий проект. Это может быть процедура заказа товара (каталог, товар, корзина, заказ) или калькулятор для расчёта кредита.

Прототип позволяет ещё до начала разработки проекта понять насколько удобным и полезным он может быть для конечного пользователя. Его можно просто отдать фокус-группе на тестирование.

Как следствие, на этапе прототипирования определяется то, каким будет проект в будущем.
Меньше времени на дизайне
Прототип позволяет до создания дизайна проработать структуру проекта, приближенное к будущему дизайн-макету представление интерфейса, а также логику поведения элементов и блоков. Да даже анимации и микроанимации могут быть реализованы в прототипе.

Прототип значительно сокращает время на постановку задач дизайнеру. Тем самым облегчается работа проджекта и экономится время будущего согласования дизайн-макетов.
Меньше затрат на ТЗ
Проработанный прототип позволяет в более короткие сроки написать ТЗ на разработку проекта. Да по сути прототип - это визуальное ТЗ.

Всё ведь потому, что описывать интерфейс, сценарии работы пользователей и логику поведения экранов/ блоков значительно проще, имея перед глазами визуальное представление проекта.
Понятная структура
При создании прототипа изучаются конкурентные истории и/ или применяется лучшее из них, формируются уникальные особенности проекта. Прототип более гибок для «правок» в отличии от готового комплекта дизайн-макетов.

Именно поэтому ещё до начала реализации проекта (дизайна, вёрстки, программинга...) мы помогаем определиться и установить наиболее важные «точки» его создания, чтобы при реализации не появлялись различные «подводные камни» и непродуманные ситуации.
Тестирование — сразу
Интерактивный прототип в силу своей интерактивности позволяет «покликать» будущий проект. Это может быть процедура заказа товара (каталог, товар, корзина, заказ) или калькулятор для расчёта кредита.

Прототип позволяет ещё до начала разработки проекта понять насколько удобным и полезным он может быть для конечного пользователя. Его можно просто отдать фокус-группе на тестирование.

Как следствие, на этапе прототипирования определяется то, каким будет проект в будущем.
ПОРТФОЛИО
Прототипы лендингов, сайтов, админпанелей, intranet-систем и мобильных приложений
ЦЕНЫ И УСЛОВИЯ
Базовые тарифы на создание прототипов приведены ниже. Как правило, каждый проект уникален и мы готовим индивидуальные условия и оценку стоимости.
Лендинг
  • Cтраница с формой заявки с демонстрацией поведения элементов при наведении
  • Модальные окна с проверкой на заполнение полей, сообщением об отправке и пр.
18 000 ₽
4 дня
Лонгрид
  • Длинная страница с формой заявки с демонстрацией поведения элементов при наведении
  • Калькуляторы расчёта стоимости
  • Лента товаров или услуг
  • Модальные окна с проверкой на заполнение полей, сообщением об отправке и пр.
40 000 ₽
1 неделя
Корпоративный сайт
  • Главная страница и до 4-х внутренних страниц (новости, услуги, о компании, контакты, акции, список категорий каталога, список товаров, страница отдельного товара и пр.)
  • Модальные окна с проверкой на заполнение полей, сообщением об отправке и пр.
  • Слайдеры, фильтры для списков данных и пр.
от 45 000 ₽
1,5 недели
Портал или Intranet-система
  • 10 страниц: авторизация, стартовая страница, список объектов, страница отдельного объекта, личный кабинет, чат между пользователями, результаты поиска, список рубрик каталога, список товаров, страница товара и пр.
  • модальные окна с проверкой на заполнение полей, сообщением об отправке и пр.
  • слайдеры, калькуляторы, фильтры для списков данных и пр.
  • симуляция работы пошаговых форм
от 90 000 ₽
2 недели
Мобильное приложение
  • 7 экранов для одной платформы (iOS или Android): авторизация, стартовая страница, список объектов, страница отдельного объекта, личный кабинет, чат между пользователями, список рубрик каталога, список товаров, страница товара и пр.
  • учитываются особенности интерфейса операционной системы
  • демонстрация поведения элементов при «тапе»
  • демонстрация работы всплывающих окон, слайдеров, калькуляторов, фильтров для списков данных и пр.
от 90 000 ₽
2 недели
ЦЕНЫ И УСЛОВИЯ
Базовые тарифы на создание прототипов приведены ниже. Как правило, каждый проект уникален и мы готовим индивидуальные условия и оценку стоимости.
Лендинг
  • Cтраница с формой заявки с демонстрацией поведения элементов при наведении
  • Модальные окна с проверкой на заполнение полей, сообщением об отправке и пр.
18 000 ₽
4 дня
Лонгрид
  • Длинная страница с формой заявки с демонстрацией поведения элементов при наведении
  • Калькуляторы расчёта стоимости
  • Лента товаров или услуг
  • Модальные окна с проверкой на заполнение полей, сообщением об отправке и пр.
40 000 ₽
1 неделя
Корпоративный сайт
  • Главная страница и до 4-х внутренних страниц (новости, услуги, о компании, контакты, акции, список категорий каталога, список товаров, страница отдельного товара и пр.)
  • Модальные окна с проверкой на заполнение полей, сообщением об отправке и пр.
  • Слайдеры, фильтры для списков данных и пр.
от 45 000 ₽
1,5 недели
Портал или Intranet-система
  • 10 страниц: авторизация, стартовая страница, список объектов, страница отдельного объекта, личный кабинет, чат между пользователями, результаты поиска, список рубрик каталога, список товаров, страница товара и пр.
  • модальные окна с проверкой на заполнение полей, сообщением об отправке и пр.
  • слайдеры, калькуляторы, фильтры для списков данных и пр.
  • симуляция работы пошаговых форм
от 90 000 ₽
2 недели
Мобильное приложение
  • 7 экранов для одной платформы (iOS или Android): авторизация, стартовая страница, список объектов, страница отдельного объекта, личный кабинет, чат между пользователями, список рубрик каталога, список товаров, страница товара и пр.
  • учитываются особенности интерфейса операционной системы
  • демонстрация поведения элементов при «тапе»
  • демонстрация работы всплывающих окон, слайдеров, калькуляторов, фильтров для списков данных и пр.
от 90 000 ₽
2 недели
ДОПОЛНИТЕЛЬНО
Опции, которые могут влиять на стоимость прототипа
Видео-демонстрация прототипа
Запись и презентация каждой страницы и каждого её элемента, с которым можно взаимодействовать
0  ₽
Описание страниц
Подготовка описания каждой страницы, каждого её блока, а также логики работы
от 7 000 ₽
Новая концепция
Дополнительная концепция для сайта / мобильного приложения (если нужно вдруг две)
+ 6 000 ₽
Адаптив
Создание адаптивной версии (для смартфона, например) для всех страниц прототипа
x 1.5
Аудит
Проведение пользовательского аудита. Поиск ошибок. Формирование  рекомендаций
от 8 000 ₽
Схемы переходов
Подготовка схемы переходов на сайте или в приложении
от 5 000 ₽
Сайт
Создание небольших сайтов на Tilda или на шаблонах Битрикс
от 30 000 ₽
ДОПОЛНИТЕЛЬНО
Опции, которые могут влиять на стоимость прототипа
Видео-демонстрация прототипа
Запись и презентация каждой страницы и каждого её элемента, с которым можно взаимодействовать
0  ₽
Описание страниц
Подготовка описания каждой страницы, каждого её блока, а также логики работы
от 7 000 ₽
Новая концепция
Дополнительная концепция для сайта / мобильного приложения (если нужно вдруг две)
+ 6 000 ₽
Адаптив
Создание адаптивной версии (для смартфона, например) для всех страниц прототипа
x 1.5
Аудит
Проведение пользовательского аудита. Поиск ошибок. Формирование рекомендаций
от 8 000 ₽
Схемы переходов
Подготовка схемы переходов на сайте или в приложении
от 5 000 ₽
Сайт
Создание небольших сайтов на Tilda или на шаблонах Битрикс
от 30 000 ₽
Есть идея и требования к проекту?
Заполните бриф — так нам станет понятнее, что у вас за проект или идея
Есть идея и требования к проекту?
Заполните бриф — так нам станет понятнее, что у вас за проект или идея
Давайте общаться — пишите или звоните.
Мы всегда на связи во всех мессенджерах:
WhatsApp, Telegram, Viber
D M Project
Проектируем простые и сложные интерфейсы
Давайте общаться — пишите или звоните.
Мы всегда на связи во всех мессенджерах:
WhatsApp, Telegram, Viber
D M Project
Проектируем простые и сложные интерфейсы

© DM Project — Интерактивные прототипы в Axure.
Работаем в Санкт-Петербурге, Москве и Твери. Проектируем с 2017.

Нет войне! ​☮️​

© DM Project — Интерактивные прототипы в Axure.
Работаем в Санкт-Петербурге, Москве и Твери. Проектируем с 2017.

Нет войне! ​☮️​