Каков общий процесс планирования и разработки нового веб-сайта?

Я работаю в агентстве, которое в основном занимается разработкой программного обеспечения, однако иногда микросайт является дополнением к одному из наших решений, и нам необходимо его создать.

Я пытаюсь определить процесс создания этих веб-сайтов, но я не знаю, в каком порядке обычно выполняется каждая задача, и особенно я пытаюсь выяснить, в какой момент должно быть написано любое копирование / статический контент.

Я могу думать о некоторых задачах, таких как: написание статического контента, дизайн, создание каркасов, определение ключевых слов и SEO, кодирование. но я не уверен, в каком порядке их решать.

Для меня многие области могут частично совпадать.

• Определите потребности с помощью эскизов, каркасов, заметок, обсуждений, бюджета и т. Д. (Должно быть первым)

• Каркас - Содержание может быть начато здесь или, по крайней мере, изложено. Грубые представления о размере контента помогут при создании каркасов, поэтому на самом деле написание и создание каркасов могут сочетаться.

• Каркасное утверждение

• Завершение контента - ранние этапы проектирования могут быть начаты здесь, но не могут быть завершены до завершения статического копирования.

• Утверждение контента

• Доработать дизайн / ключевые слова / кодирование - ключевые слова могут быть определены по мере разработки дизайна. В зависимости от рабочих привычек может быть начато кодирование, чтобы завершить проектирование.

• Утверждение дизайна

• Finish Coding / SEO - кодирование и SEO могут идти рука об руку. Вы знаете, код с SEO в то же время начать планирование внешних стратегий SEO и т. Д.

• Утверждение кода

• Постоянное SEO / сопровождение.

Мой рабочий процесс проекта обычно работает так:

1. Встретьтесь с клиентом (ами), чтобы собрать требования (определить, что им нужно)
2. Определите, какие серверные стратегии использовать (язык программирования, платформа и т. Д.)
3. Создайте каркас, чтобы описать, как будет работать сайт или приложение и куда пойдут основные элементы.
4. Рассмотрите каркас с клиентом
5. Макеты дизайна - это могут быть макеты HTML / CSS или изображения, разработанные в Illustrator или Photoshop
6. Просмотр макетов с клиентом
7. Редактировать макеты на основе отзывов клиентов
8. Создать рабочий продукт

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

Я получил некоторую информацию из блога

http://sixrevisions.com/web-development/a-6-step-general-process-for-producing-a-website/

1. Учить

   Вас не должно удивлять то, что изучение - обнаружение и понимание того, что вам нужно создать в первую очередь - является наиболее важной частью всего
   процесса дизайна веб-сайта.

2. Творческий Бриф

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

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

• Целевая аудитория клиента
• Их основные и второстепенные цели для сайта
• Текущие характеристики бренда Бюджет
• Сроки, которые они должны соблюдать

3. План

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

4. Дизайн

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

5. Код

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

6. Запуск

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

7. Поддерживать

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

Это может помочь. Есть несколько хороших принципов веб-дизайна

справочник по гуглу

Руководство представляет собой комплексный ресурс для веб-разработки на нескольких устройствах. Поэтому он разделен на 4 категории:

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

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

Формы и пользовательский ввод - Создание форм, которые используют семантические типы ввода и элементы, которые реагируют на прикосновения и другие жесты.

Оптимизация производительности - узнайте больше об объектной модели браузера, как она строит страницу из вашего HTML и CSS. Существуют и другие правила и рекомендации для оптимизации доставки данных.