Ликбез: как макет превращается в сайт?

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

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

Как же наш макет превращается в сайт? Итак, этапы разработки сайта: составление технического задания (далее ТЗ) сбор всей необходимой информации о продукте/услуге, исследование целевой аудитории, проектирование или создание прототипа дизайн, тексты вёрстка программирование и установка CMS.

А теперь чуть подробнее:

1) Составление ТЗ.

Существуют такие клиенты, которые приходят заказывать сайт с уже четко составленным ТЗ. Но их крайне мало. Поэтому перед началом работы, необходимо провести беседу с заказчиком, а далее, исходя из неё, составить ТЗ.

2) Сбор информации. Исследование целевой аудитории.

После составления ТЗ, необходимо получить от заказчика весь необходимый для сайта материал. Так же нужно исследовать сайты конкурентов и составить портрет целевой аудитории.

3) Создание прототипа.

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

4) Дизайн.

После сбора информации, переходим к работе над дизайном сайта. В большинстве случаев, для каждой страницы сайта рисуют несколько макетов под разные устройства (десктоп/планшет/смартфон). Иногда заказчики сами предоставляют тексты для сайта, но порой их надо немного подредактировать. Если же текста вообще нет, то его необходимо написать самостоятельно.

5) Вёрстка.

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

6) Программирование и установка CMS.

На последнем этапе происходит магия и сайт оживает. При помощи языка PHP сайт становится динамическим, к нему подключаются базы данных. И для дальнейшей работы с сайтом устанавливается CMS(система управления). Благодаря ей, ваш заказчик сможет самостоятельно менять на сайте необходимую информацию. Используют уже готовые CMS системы, которые необходимо настроить под данный проект. Либо же пишут собственную с нуля.

На этом собственно и все. Успехов!