Курс «Прототипирование IT-продуктов»

Зачем нужен прототип

Прототип – это продуманный эскиз и структура будущего проекта (сайта, веб сервиса, мобильного приложения, crm, erp и т.д.). В прототипе подробно отражается каждая страница будущего проекта с подробным функционалом. По сути, прототип показывает как будет выглядеть и работать конечный продукт.

Для кого курс

Веб-дизайнер

Только начали путь в веб-дизайне или все время рисовали простые одностраничники, но хотите научиться делать сложные сервисы / приложения и поднять ценность своей работы, чтобы больше зарабатывать.

Стартапер

Хотите запустить свой IT-продукт, но пока все только на стадии идеи или зарисовок на бумаге. Прототип позволит вам визуализировать вашу идею и представить проект инвесторам /партнерам / разработчикам.

Веб-студия

Хотите повысить качество разрабатываемых сайтов и оптимизировать процессы за счет правильного прототипирования проекта на начальном этапе, а также профессионально презентовать стартапы заказчикам и быстрее согласовывать

Содержание

Модуль 1. Основы прототипирования и введение в Figma

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

Урок 1.1. Введение в прототипирование

В этом уроке вы получите фундаментальные знания о прототипировании

Урок 1.2. Знакомство с интерфейсом Figma

В этом уроке получите практическое понимание работы с Figma, поскольку это основополагающий инструмент курса. Освоите интерфейс и базовые инструменты, чтобы быть готовы к созданию первых прототипов

Урок 1.3. Практическое задание: Создание простого интерфейса

Модуль 1. Введение и настройка системы

Введение и настройка системы

Урок . Введение и настройка системы

Модуль 2. Основы создания вайрфреймов (Wireframes)

Изучите, как планировать пользовательские сценарии (User Flow) и создавать низкодетализированные вайрфреймы. Узнаете, как проектировать логику приложения и структурировать интерфейсы для будущих прототипов

Урок 2.1. Планирование пользовательского пути (User Flow)

Урок 2.2. Создание низкодетализированных варфреймов (Low-fidelity Wireframes)

Урок 2.3. Практическое задание: Создание User Flow и варфреймов

Модуль 2. Планирование в Календаре

Планирование в Календаре

Урок . Планирование в Календаре

Модуль 3. Визуальный дизайн и интерактивные элементы

Погружение в создание высокодетализированных вайрфреймов и UI-компонентов. Освоите интерактивные элементы и анимации в Figma, чтобы ваши прототипы стали максимально приближены к реальным продуктам

Урок 3.1. Создание UI-компонентов

Урок 3.2. Создание высокодетализированных варфреймов (High-fidelity Wireframes)

Урок 3.3. Интерактивные прототипы

Урок 3.4. Практическое задание: Создание интерактивного прототипа

Модуль 3. Управление задачами

Управление задачами

Урок . Управление задачами