Процесс создания сайта состоит из нескольких этапов, в которых участвует достаточно много различных специалистов. Но не все знают этот процесс полностью. Например, дизайнеры, иногда не знают, как именно проходит работа дальше.
Давай разберёмся. Что происходит после того, как они отдают свой макет клиенту. Да и клиенты, будем честны, иногда плохо разбираются в теме - они просто хотят сайт, и не представляют, какую работу придется проделать прежде, чем дизайн превратится в работающий инструмент.
Какой путь предстоит пройти клиенту после того, как вы сделали дизайн сайта и отдали ему исходники (мы не говорим о сайтах на Тильде, или других конструкторах), в каких этапах участвует дизайнер, а в каких другие люди.
Этап 1. Сбор информации
Выявляем целевую аудиторию, позиционирование и прорабатываем структуру сайта. Даже если ты «супер-профессионал» и считаешь, что знаешь, зачем нужен сайт и хочешь приступить к дизайну - остановись и определи, для кого ты делаешь сайт, их боли и на основе этой информации проработай логичную структуру и текста.
Этим занимаются UX дизайнеры, маркетологи, в идеальном сценарии подключаются аналитики.
Этап 2. Создание UI/UX дизайна
Создаём дизайн-макет сайта. Этот этап понятен всем дизайнерам, на основе имеющихся данных, технического задания и проведенной аналитики мы создаем каркас - прототип, будущего сайта. После утверждения мы приступаем к визуальной части, а затем, если не используется подход Мобайл ферст, создаем адаптивные версии.
Этап 3. Верстка и программирование сайта
Верстаем сайт и внедряем верстку в систему управления. Находим верстальщика, если у тебя его ещё нет, и отдаём ему свой дизайн с приложенным техническим заданием. (далее опционально) После того, как вёрстка готова отдаём её программисту, чтобы он реализовал возможность легкого изменения контента сайта («натянул» на CMS).
Этап 4. Покупка домена и хостинга
Покупаем домен, хостинг и выкладываем сайт на них. Про домен все понятно, идём на reg.ru или подобные ресурсы, покупаем домен и радуемся. Про хостинг сложнее. Обязательно посмотри, включена ли опция php на выбранном вам тарифе, так как часто на самом дешевом тарифе она отсутствует (для тебя это означает отсутствие возможности отправлять сообщения с сайта как минимум).
Этап 5. Тестирование сайта
Проводим тестирование сайта на скорость работы, ошибки и корректность работы на различных устройствах. Тут все просто - открывай Google Speed Rank, вводим свой домен и смотри, что он напишет. Если скорость загрузки низкая, стоит проконсультироваться с верстальщиком и решить данную проблему. ⠀
Этап 6. Наполнение сайта
Наполняем сайт контентом. На больших проектах этим занимается контент-менеджер, на маленьких чаще всего контент сразу есть и его наполняют в процессе верстки (я про лендинги).
Этап 7. Подключение аналитики
Подключаем на сайт сервисы аналитики (яндекс метрика, Гугл аналитикс), настраиваем robot.txt. Регистрируем сайт на Яндекс Веб-мастер для отслеживания статистики запросов, по которым можно найти твой сайт.
⠀
Этап 8. Продвижение сайта
Сайт не может существовать без трафика, да и бессмысленно создавать сайт ради того, чтобы он был. Поэтому далее следует продвижение, доработка сайта после получения данных и прочее.
Это минимальный список того, что нужно учесть при разработке сайта как для себя, так и для клиента (если ты собираешься брать заказы под ключ). Я думаю, многим новичкам это будет полезно знать.