Прототип лендинга / сайта - как сделать. Инструкция [2021]
Полезный файл с примерами прототипов и БОНУСАМИ по ссылке - https://docs.google.com/document/d/1T8Yspeuyi-OcIZwhPSr6NL9XLK8q-gir_bEUnibDQkc/edit?usp=sharing
Прототип - макет будущего сайта или лендинга с уже продуманной структурой, заголовков, форм текстов и других нужных элементов
Цель прототипа:
Увидеть и согласовать будущий лендинг или сайт уже на этапе разработки
Функции:
1. Зафиксировать результаты исследования
2. Создать и согласовать структуру сайта
3. Четкое ТЗ для дизайнера
С чего начать:
1 - бриф
2 - исследование (глубинное интервью - )
3 - составление структуры сайта из блоков - соединяем блоки
Просмотреть не менее 100 сайтов по СНГ
выбрать для себя до 40 блоков
4 - дошлифовываем структуру
5 - пишем заголовки и текста
6 - прорабатываем конверсионный слой
7 - Детали и попап окна
В чем делать:
https://ninjamock.com/
https://www.figma.com/
https://moqups.com/
https://miro.com/
https://www.axure.com/
и др
фотошоп
лист и ручка
---
Для тех, кто с нами не знаком, прикрепляю наши контакты и ссылки на курсы:
👇
Наш основной сайт с портфолио - https://paradigma.website/
Наш 2-й сайт по упаковку - https://paradigma-website.ru/
Сайт по квизам - https://quiz.paradigma.website/
Мой личный инстаграм - https://www.instagram.com/alex_dein/
Мои обучающие курсы: 👇
Курс: как сделать сайт своими руками за 5 дней - https://webbuilder.paradigma.website/
Курс по созданию сайтов с нуля и освоении профессии- https://paradigma.website/kurs-po-sozdaniju-sajtov-s-nulja/
Видео Прототип лендинга / сайта - как сделать. Инструкция [2021] канала Paradigma.website
Прототип - макет будущего сайта или лендинга с уже продуманной структурой, заголовков, форм текстов и других нужных элементов
Цель прототипа:
Увидеть и согласовать будущий лендинг или сайт уже на этапе разработки
Функции:
1. Зафиксировать результаты исследования
2. Создать и согласовать структуру сайта
3. Четкое ТЗ для дизайнера
С чего начать:
1 - бриф
2 - исследование (глубинное интервью - )
3 - составление структуры сайта из блоков - соединяем блоки
Просмотреть не менее 100 сайтов по СНГ
выбрать для себя до 40 блоков
4 - дошлифовываем структуру
5 - пишем заголовки и текста
6 - прорабатываем конверсионный слой
7 - Детали и попап окна
В чем делать:
https://ninjamock.com/
https://www.figma.com/
https://moqups.com/
https://miro.com/
https://www.axure.com/
и др
фотошоп
лист и ручка
---
Для тех, кто с нами не знаком, прикрепляю наши контакты и ссылки на курсы:
👇
Наш основной сайт с портфолио - https://paradigma.website/
Наш 2-й сайт по упаковку - https://paradigma-website.ru/
Сайт по квизам - https://quiz.paradigma.website/
Мой личный инстаграм - https://www.instagram.com/alex_dein/
Мои обучающие курсы: 👇
Курс: как сделать сайт своими руками за 5 дней - https://webbuilder.paradigma.website/
Курс по созданию сайтов с нуля и освоении профессии- https://paradigma.website/kurs-po-sozdaniju-sajtov-s-nulja/
Видео Прототип лендинга / сайта - как сделать. Инструкция [2021] канала Paradigma.website
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Основы веб-дизайна с нуля. Урок #1. Практика в Figma для начинающих.](https://i.ytimg.com/vi/Fhc4o_FBccU/default.jpg)
![Пример лендинга для b2b с квизом - вентиляция [7.04.2021]](https://i.ytimg.com/vi/ONCwlpXDXo8/default.jpg)
![Как я делаю прототип сайта. Первые шаги. Исследование.](https://i.ytimg.com/vi/jIUNn2TaNPs/default.jpg)
![Как сделать систему лидогенерации в 2021 - Пример: 2 лендинга, квиз, лид-магнит](https://i.ytimg.com/vi/SJhLatQ9rWI/default.jpg)
![ТОП-33 фишки повышения конверсии на сайте или лендинге](https://i.ytimg.com/vi/x-E9B9I6hVk/default.jpg)
![Админка для лендинга Textolite - простая CMS БЕСПЛАТНО [3 мин]](https://i.ytimg.com/vi/h_LGfnIWwpk/default.jpg)
![Прототип лендинга. Как сделать прототип сайта и зачем он нужен?](https://i.ytimg.com/vi/8mbcZJdTrtk/default.jpg)
![ПРОДАЮЩИЙ САЙТ! Как должен выглядеть?](https://i.ytimg.com/vi/ge8thdyQCgk/default.jpg)
![С чего начать прототипирование сайта или интерфейса](https://i.ytimg.com/vi/fvheHfUO5lU/default.jpg)
![Как увеличить продажи через сайты квизы лендинги? [2021]](https://i.ytimg.com/vi/MGVi2484fMQ/default.jpg)
![Обзор квиз-сайтов. Квиз-лендинг, что такое? Вся правда о квиз-лендингах](https://i.ytimg.com/vi/1dpeqQbqckA/default.jpg)
![Пример лендинга сайта отделка домов -[НЕОФОРМИЗМ СТИЛЬ]](https://i.ytimg.com/vi/GezLuKrPngk/default.jpg)
![Роберт Кийосаки - Речь Взорвавшая Интернет! СМОТРЕТЬ ВСЕМ! Мотивация Меняющая ЖИЗНЬ!](https://i.ytimg.com/vi/9H-yky-csNs/default.jpg)
![Конверсия 14% - пример лендинга продажа одежды оптом [OLD]](https://i.ytimg.com/vi/N_Lvz6aQmnw/default.jpg)
![Как сделать интерактивный прототип сайта или мобильного приложения за 1 минуту](https://i.ytimg.com/vi/_PRoxJh_6J4/default.jpg)
![Изменения в бесплатной версии Фигмы (Figma starter)](https://i.ytimg.com/vi/EjGUICbTCCE/default.jpg)
![10 сайтов на Тильде для вдохновения. Выпуск #1](https://i.ytimg.com/vi/Ras0pskqPJY/default.jpg)
![Резиновая верстка сайта на Тильде](https://i.ytimg.com/vi/H8ZdEtP7XqA/default.jpg)
![Пример лендинга по продаже товаров (в elementor) - ПЕЛЛЕТЫ](https://i.ytimg.com/vi/NEkusTxkM3o/default.jpg)
![Как сделать мультилендинг - на примере Видеонаблюдение [2021]](https://i.ytimg.com/vi/CYmlHOKse-Y/default.jpg)