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

1. Сбор исходной информации

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

2. Написание коммерческого предложения

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

3.Подписание договора

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

4. Подготовка контента

На этом этапе происходит сбор всех информационных материалов, которые заказчик хочет видеть на своем сайте. Это один из самых важных этапов проекта, который дает возможность ответить на главный вопрос: «Что мы хотим сказать будущим посетителям сайта?» Часто после получения контента структура разделов сайта терпит серьезные изменения. Стоит заметить, что от того, насколько серьезно клиент подходит к этой части своей работы, напрямую зависит успешность будущего сайта.

Статья по теме:  5 причин проектирования сайтов в Axure

5. Подготовка обзора сайтов конкурентов и сайтов аналогов

Одной из основ разработки творческой идеи сайта является обзор сайтов-конкурентов клиента. Этот обзор дает возможность получить базу для разработки творческого решения сайта – увидеть, чего точно не должно быть на будущем сайте, чтобы он не был похож на ресурсы конкурентов. Ядром обзора сайтов конкурентов является визуальное решение (цветовое, композиционное, гарнитурное решение, творческая идея и т.д.), а также ключевое сообщение сайта. Обзор презентуется клиенту творческим директором проекта. После презентации проводится интервью (брифование) на предмет ключевых моментов творческой реализации проекта.

6. Разработка концепции дизайна сайта

На данном этапе разрабатываются варианты дизайна сайта, каждый из которых соответствует задачам проекта. Творческие идеи разрабатываются на основе брифа. Найденные решения презентуются клиенту на примере предварительных эскизов (скетчей). Утвержденная концепция становится фундаментом дизайна сайта.

Разработка концепции дизайна сайта
Фото: Hasloo Group Production Studio © Shutterstock, Inc.

7. Разработка контента сайта

На данном этапе вся полученная от клиента информация структурируется и при необходимости корректируется. Результатом этапа становится финальное утверждение структурированного контента будущего сайта и его конечной информационной структуры.

8. Разработка технического задания (ТЗ)

Техническое задание — это документ, в котором собрана наиболее полная информация о проекте. Здесь прописаны все функциональные нюансы проекта: используемые технологии, информационная структура сайта, возможности редактирования разделов, система управления содержанием сайта (CMS) и так далее. Разработка ТЗ дает возможность детального понимания и эффективного решения технических задач проекта.

9. Разработка макета основных страниц сайта

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

Концепт веб-дизайна
Фото: PureSolution © Shutterstock, Inc.

10. Согласование сценария анимации страниц и разработка флэш-элементов

Если в ТЗ предусмотрены сложные элементы анимации, их сценарий также согласуется с клиентом. Клиенту предоставляется текстовый сценарий анимации и схематичный эскиз, выполненный дизайнером от руки. После его утверждения флэш-программист приступает к разработке элементов анимации.

Статья по теме:  Инструмент прототипирования: Flinto

11. Сборка (верстка) готового сайта

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

12. Разработка инструкции по управлению и стилистическому оформлению сайта

Иногда клиент забывает о том, что стиль оформления сайта необходимо соблюдать. Часто случается, что уже после релиза сайта всплывает множество ошибок верстки, некорректного использования шрифтов, обновляемых картинок и т.п. Использование при работе с сайтом «Руководства по заполнению и стилистическому оформлению сайта» помогает избежать их.

13. Релиз сайта

Готовый сайт открывается для индексирования поисковыми машинами. С этого момента сайт начинает жить полноценной жизнью, а проект можно считать завершенным.

14. Передача всех разработанных материалов заказчику

Сайт на цифровом носителе передается заказчику. Производится подписание Акта сдачи-приемки работ.


Понравилась статья? Поделиться с друзьями:
Комментарии: 7
  1. PACS

    Кто знает, чем надёжно ссылки на сайт посмотреть?

    1. FORTRESS-DESIGN (автор)

      Вы имеете в виду где можно посмотреть обратные ссылки?

      1. DICOM

        Да.

        1. FORTRESS-DESIGN (автор)

          Есть несколько сервисов. Здесь собраны лучшие: http://www.fortress-design.com/seo/seo-tools/back-links-tools/

          1. PACS

            Спасибо :)

            1. FORTRESS-DESIGN (автор)

              Пожалуйста.

  2. януковичь

    Спасибо, кстати :wink:!

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: