Создание протопита сайта
#SPEAKIN #day4 — Продвижение школы английского языка «SPEAKIN
💡 Для того, чтобы дизайнеру не перерисовывать дизайн по 1000 раз и не слышать таких фраз как «подвиньте кнопку чуть левее, чуть правее и т.д.» создается прототип сайта (страницы). Также прототип необходим, чтобы наглядно обговорить все нюансы с программистом, верстальщиком, заказчиком и дизайнером.
Прототип — это схематическое изображение страниц будущего сайта со всеми его элементами: меню, кнопками, баннерами, формами для ввода данных и так далее.
📌 Переносим в прототип все, что отобразили в скетче, при этом сразу подгоняем под размер нужные блоки и смотрим как это смотрится. (см. скриншот)
📌 Наша страница отрисована в формате лендинг пейдж (продающая страница), при этом у нас многостраничный сайт, поэтому в основном меню мы заложили все наиболее популярные курсы и подготовку к экзаменам, все служебные страницы убрали в футер.
❗ Синими полями отмечены те блоки, которые будут меняться от курса к курсу, остальные блоки будут не уникальными (сквозными) в рамках шаблона курсов.
P.S.
Требуется сразу учесть, что сайт будет адаптивный и заложить это в прототип. Мы заложили это на стадии дизайна и получили некоторое «трение» с версткой.
Добавить комментарий