Как создать прототип сайта,
который
school_flashfamily
принесёт
пользу
school_flashfamily
- Контент-директор Молнии
- Руководила отделом копирайтинга 4 года
- Куратор курса «Тильда Гуру» в Школе Молнии
Веб-студия Молния существует более 5 лет. №1 в рейтинге Рунета среди разработчиков на Тильде по всей России
виктория цыплакова
school_flashfamily
Макет будущего сайта без дизайна, где в блоках последовательно размещен текст и функциональные элементы: меню, кнопки, формы захвата и т. д. Формирует понимание, какой контент и в какой последовательности разместить на сайте
прототип
school_flashfamily
Пишите в чат
делаете ли вы прототипы? в каком формате вы их делаете?
school_flashfamily
прототип — удобный инструмент для дизайнеров
school_flashfamily
прототип — понятный формат для восприятия информации клиентами
school_flashfamily
- Изучение брифа
- Анализ конкурентов
- Выделение важного из брифа
подготовка к прототипированию
school_flashfamily
изучение брифа
school_flashfamily
анализ конкурентов
school_flashfamily
где искать конкурентов
school_flashfamily
бриф
school_flashfamily
поиск Яндекс и Google
school_flashfamily
#madeontilda
school_flashfamily
Галерея лучших проектов, сделанных на Тильде
school_flashfamily
рейтинги и подборки
school_flashfamily
Пример с подборкой конференций
school_flashfamily
как анализировать конкурентов
school_flashfamily
как оформить анализ конкурентов
school_flashfamily
Пример оформления анализа конкурентов
school_flashfamily
выжимаем важное из брифа
school_flashfamily
- Изучайте бриф внимательно (минимум 3 раза)
- Проводите анализ конкурентов (5-7 конкурентов)
- Отсекайте воду и незначительную информацию
- Фиксируйте все важные моменты и наблюдения в документах
ключевые моменты подготовки к прототипированию
school_flashfamily
создание прототипа сайта
school_flashfamily
Пишите в чат
что вы считаете самым важным в создании прототипа?
school_flashfamily
- Иерархия текста
- Порядок блоков
- Формы, кнопки
- Ссылки
- Header и footer
ключевые моменты в разработке прототипа
school_flashfamily
- Текстовые документы
- Таблицы
- Презентации
- Figma
примеры, созданные с помощью других инструментов
school_flashfamily
- Продумывайте заголовки
- Выделяйте фактоиды
- Продумывайте, как визуализировать информацию
- Пишите простые предложения
несколько советов по работе с текстами на прототипах
school_flashfamily
Пишите в чат
ваши вопросы
flash_family
спасибо :)
school_flashfamily
flashfamily
school.flashfamily
1/14
