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

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

Раздел посвящён способам показать посетителю относительную важность блоков. Рассматриваются размер и начертание текста, контраст, расположение, свободное пространство и повторяющиеся акценты. На примерах объясняется, почему главный заголовок или предложение должны восприниматься раньше второстепенных подробностей и как избежать конкуренции между элементами.

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

В разделе определяется профиль вымышленной компании, её направление деятельности, ключевое предложение и особенности предполагаемых клиентов. Затем уточняется, какие сведения посетителю важно увидеть в первую очередь и какие вопросы он может задать. Результаты этого этапа помогут выбрать подходящий тон текстов, набор блоков и порядок их размещения.

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

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

В этом пункте описывается проверка страницы с участием пользователей или одноклассников по заранее заданным вопросам. Участникам предлагают найти основные сведения и сообщить, что было понятно или затруднительно; наблюдения фиксируются без подмены их догадками автора. На основе результатов вносятся изменения, а затем повторно оцениваются читаемость и логика расположения элементов.

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

В списке приводятся использованные учебные, справочные и электронные источники о веб-дизайне, HTML и CSS, доступности интерфейсов и создании макетов. Для интернет-материалов указываются название страницы, адрес и дата обращения, чтобы читатель мог найти исходные сведения. Включаются только источники, которые действительно использовались при подготовке проекта.