В зависимости от масштабов проекта подходы к его разработке могут существенно отличаться. Рассказываем, как в нашей студии на практике строится процесс разработки корпоративных сайтов.
1: Бриф
Самым первым этапом является понимание сути мероприятия. Мы должны узнать все ключевые пожелания к сайту, чтобы выполнить оценку и написать себе ТЗ.
Что в итоге: вы знаете стоимость и сроки разработки, мы понимаем, какой сайт вам нужен.
2: Договор
Если вас устраивают условия по стоимости и срокам разработки, мы заключаем с вами договор. Это формальная часть процесса, не влияющая на сам сайт.
Что в итоге: договор!
3: Разработка дизайна
Разработка дизайна строится от меньшего к большему. Первым делом мы создаем либо UI-кит, либо сразу набросок главной страницы. Именно на этой странице мы будем согласовывать с вами детали: шрифт, цвета, расположение элементов.
Когда базовая страница согласована, мы приступаем к остальным макетам. Мы готовим макеты под одно разрешение ко всем уникальным страницам.
Что в итоге: вы получаете макеты страниц в виде изображений, а у нас есть файл, который в дальнейшем будет использовать верстальщик. Мы работаем в специальной среде для разработки интерфейсов — Figma, которая на текущий момент считается оптимальной для этих задач.
4: Адаптивная верстка
Далее в дело вступает верстальщик. Он создает HTML-страницы сайта и стили сайта CSS. Верстка в соответствии с современными требованиями выполняется адаптивной, и отображается хорошо на любых разрешениях.
Что в итоге: мы показываем вам страницы сайта, которые можно открыть в браузере по тестовой ссылке.
5: Программирование
Разработчики берут готовую верстку и соединяют ее с системой управления сайтом. В зависимости от CMS это занимает разное время и требует разных манипуляций, но в целом речь идет о создании нужных разделов, фильтров, каталогов и так далее. Именно на этом этапе элементы интерфейса сайта начинают что-то делать при взаимодействии с ними: фильтры фильтруют, формы обратной связи отправляют информацию.
Что в итоге: сайтом можно управлять из панели управления. Но пока что это доступно только нам — разработчикам.
6: Наполнение
Мы наполняем сайт материалами, которые вы предоставляете: это новости, информация о компании, товары, статьи, ваши работы. Объем этой работы оговаривается перед подписанием договора. В зависимости от объемов эта задача выполняется по-разному. Для небольшого количества контента используется ручное наполнение, а для очень больших, например, ассортимента интернет-магазина, зачастую приходится писать отдельные загрузчики.
Что в итоге: сайт не просто существует, но и содержит вашу информацию! Вы можете увидеть новости, контактную информацию, позиции каталога…
7: Тестирование и перенос на хостинг и домен заказчика
Когда сайт полностью готов и проверен, мы переносим его на ваш хостинг. После этого он открывается по вашему доменному имени, а мы предоставляем вам все доступы. В отдельных случаях мы предоставляем сайт в виде архива, если клиент хочет сам размещать сайт или, например, не планирует использовать его прямо в этот момент.
Что в итоге: у вас есть новый сайт, которым вы можете полноценно пользоваться.