the log

Этапы создания сайта

Июл 16

yentsunweb dev. No Comments

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

1. Составление технического задания (далее ТЗ)
   • либо готовое задание от заказчика
   • либо интервью с ним + пометки и самостоятельное  составление ТЗ [лист бумаги, карандаш]
2. Анализ сайтов конкурентов и с похожей тематикой
   1. просмотреть 5-6 сайтов, зафиксировать полностью их функционал [Xmind]
   2. определить, что важно и интересно, зафиксировать [бумага+карандаш или просто память]
3. Сделать прототип сайта (мокап, вайрфрейм и т. д.), для заказчика я употребляю термин «чертеж» [Balsamiq Mockup, Mockingbird - в ней прототип можно связать ссылками и отправить заказчику почти как рабочий сайт]
   1. можно начать с ключевой страницы сайта (главная, страница товара и т. д.)
   2. создать, не ленясь, прототипы всех страниц, всплывающих блоков без исключения
4. Перевести прототип в html+css и аккуратно показать заказчику* (иногда это куда эффектнее и эффективнее, чем первым показывать макет из фотошопа) [текстовый редактор+Firebug]

Продолжение следует…