Создание макета сайта

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

создание макета сайта

Что такое технический макет сайта

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

Общего формата, принятого для всех фирм нет. Если дизайн макет для вёрстки, как правило, это psd (формат фотошоп) файл, со всеми необходимым элементами, который передаётся дальше по цепочке. То именно технический макет может выглядеть совершенно по-разному. Иногда, если фирма совсем небольшая, он может остаться наброском на бумаге (что не очень правильно). Иногда, если все работы делает один человек, он может быть совмещён с дизайн-макетом, что усложняет процесс по внесению правок. Мы же используем подход, при котором технический макет — полноценный продукт, содержащий в себе схемы и подробное описание будущего сайта.

Для каждого вида страниц создаётся отдельная схема. Даже в среднем проекте, как правило, таких страниц не меньше 10: главная, каталог, подразделы каталога, карточки товара, о нас, контакты и т.д. Причём в разных страницах совпадают только шапка и подвал. Содержимое же может отличаться кардинально, а техмакет призван устранить все возможные недоговорки, после него не должно остаться светлых пятен. Причём не забывается и о адаптивности, да-да, для мобильной версии создаются отдельные схемы и отдельное описание.

С чего начинается создание макета сайта

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

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

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

Почему макет считается отдельным этапом работы

Если объяснить вкратце, технический макет сайта — это готовый продукт.

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

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

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

Надеемся, что наша статья помогла вам понять важность данного этапа и его наличие отдельной строкой в смете. Если вам интересны и другие этапы работы, то подробнее о всём процессе создания читайте в статье:
Этапы разработки сайта