Figma и прототип сайта

Знакомство со средой, инструменты. Создание прототипа сайта.

Лайфхаки для быстрой работы

Преподаватель: @jonny_avri
Что такое «мокап»?
Простыми словами это прототип сайта, состоящий из текстов и
блоков-шаблонов.

Создавать прототип можно на moqups.com или в той же Figma.

2
 Блоки для лендинга
01 Главный экран с УТП и кнопкой
02 Преимущества вашего продукта
03 Описание услуги или продукта
10 Наглядное описание проблем,
с которыми сталкиваются
ваши клиенты
11 Как вы решаете их проблемы

04 Форма заявки или оплаты 12 Ответы на частозадаваемые

вопросы
05 Контакты
14 Как оплатить, инструкции,
06 О вас/вашей команде порядок действий

07 Отзывы 15 Для кого подойдет продукт/

услуга
08 Примеры выполнения услуги Бесплатный продукт, который
(зависит от бизнеса)
16
можно скачать или пробный
09 Информация по доставке период
(зависит от бизнеса) Гарантии
17

3
Страницы для
интернет-магазина
01 Главная с УТП
02 Каталог товаров
03 Карточка товара
04 Корзина
05 Личный кабинет пользователя
06 Контакты
07 Отзывы
08 Информация по доставке
и оплате

09 О компании

4
Домашнее срок сдачи: до 17 марта

задание
Отрисовать 4 экрана (внимательно!!!) по дизайну https://www.dropbox.com/s/
01 h1fd4xq4rq34kg7/%D0%B4%D0%BB%D1%8F%20%D0%BC%D0%BE%D0%BA%D0%B0%
D0%BF%D0%B0.jpg?dl=0

Создать свой прототип к будущему сайту, тексты можно позаимствовать у

02 сайтов со схожей тематикой, если сложно придумать свои. Передача линка

03 Поиск референсов (5-10 шт). Загрузить на трелло

04 Подбор цветовой гаммы для вашего сайта + шрифты. Передача линка

5
Спасибо за
просмотр!