Потенциальный клиент просто попросил вас создать веб-сайт, но с чего начать? Существует определенный процесс, который вы можете выполнить, чтобы обеспечить бесперебойную работу проекта. Он отражает стандартный процесс графического дизайна, с помощью всего лишь нескольких шагов для веб-сайта.
В качестве графического дизайнера вы можете выбрать сам дизайн, включая кодирование. Однако вы также можете собрать команду, которая поможет вам в деталях. Веб-разработчик и эксперт по SEO могут быть ценным дополнением к вашему проекту.
Исследование
Как и в большинстве проектных проектов, первым шагом при создании веб-сайта является проведение исследований. Некоторые из этих исследований будут сделаны с клиентом, чтобы понять их потребности. Вам также нужно будет узнать больше о своей отрасли и конкурентах.
Когда вы встречаетесь со своим клиентом, вам необходимо как можно больше узнать, как разработать план сайта и в конечном итоге его разработать. Это включает в себя вопрос об их целевой аудитории, целях, творческом направлении и других переменных, которые могут повлиять на то, что вы можете предложить клиенту, например, бюджет и срок.
Ваша индустрия и исследования рынка будут происходить одновременно. Чтобы быть готовым к встрече с вашим клиентом, вы должны иметь представление об их отрасли. Узнав о своих потребностях, вы захотите выглядеть немного глубже.
Уровень выполненных исследований будет зависеть от бюджета клиента и ваших существующих знаний о отрасли. Это может быть так же просто, как смотреть, как выглядят другие веб-сайты в этой области. Для крупных проектов это может быть нечто вроде углубленного исследования с фокус-группами.
Продолжить чтение ниже
02 из 10мозговая атака
Как только вы знаете, что такое проект, настало время собирать идеи, а мозговой штурм - отличное место для начала. Вместо того, чтобы искать идеальную идею, чтобы быть вашим первым, выбросьте все идеи и концепции для веб-сайта. Вы можете сузить его позже.
Некоторые веб-сайты могут требовать стандартного веб-интерфейса с навигацией (панель кнопок) и областями содержимого, где пользователи, скорее всего, ожидают их. Для представления контента другим может потребоваться уникальная концепция.
В конце концов, контент будет управлять дизайном. Например, новостной сайт будет иметь совершенно иной подход, чем веб-портфолио фотографа
Продолжить чтение ниже
03 из 10Решить технические требования
В начале процесса разработки веб-сайта необходимо принять решения в отношении технических требований проекта. Такие решения будут влиять на бюджет, временные рамки и, в некоторых случаях, общее ощущение сайта.
Одним из основных решений является то, что должна быть базовая структура сайта, которая будет определять, какое программное обеспечение использовать и какая система делает сайт, «работа».
Ваши варианты включают:
- Основной HTML: Стандартный HTML-сайт, на котором каждая страница редактируется вручную. Это может быть относительно быстро развиваться, но оставляет мало гибкости и много постоянного обслуживания. Также важно помнить, что HTML-сайты не являются одними только HTML и могут включать в себя CSS, JavaScript и другие языки программирования для функций.
- Используйте систему управления контентом: Использование CMS обычно позволяет клиенту выполнять регулярные обновления контента, в то время как дизайнер контролирует общий внешний вид сайта. Некоторые системы могут разрабатываться с нуля, а другие приобретаются и адаптируются к потребностям клиента. Онлайн-системы, такие как Blogger и WordPress, бесплатны и включают базовую CMS.
Написать контур
Теперь, когда вы собрали необходимую информацию и продублировали некоторые идеи, неплохо все это записать на бумаге.
Схема веб-сайта должна включать список каждого раздела, который будет включен на сайт, с описанием того, какой тип контента будет отображаться на каждой странице. Он также должен максимально подробно описать, какие функции будут присутствовать на сайте, такие как учетные записи пользователей, комментарии, функции социальных сетей, видео или подписка на рассылку новостей.
Помимо оказания помощи в организации проекта, клиенту должен быть представлен план предложения веб-сайта, чтобы он мог его одобрить до завершения проекта. Это позволит им добавлять, удалять или настраивать любые разделы или функции.
Все это в конечном итоге поможет вам разработать бюджет и сроки и построить сайт. Согласование цены на проект веб-сайта на основе утвержденного плана поможет избежать дополнительных сборов или разногласий в конце проекта.
Продолжить чтение ниже
05 из 10Создание каркасов
Каркасы - это простые линейные чертежи макетов веб-сайтов, которые позволяют (и клиенту) сосредоточиться на размещении элементов, а не на цвете и типе.
Это чрезвычайно полезно, поскольку он определяет, какой контент заслуживает наибольшего внимания и процент пространства, используемого на странице для этих элементов. Не отвлекаясь на другие визуальные элементы, одобренные каркасы обеспечивают основу для ваших проектов.
Для некоторых проектов вы можете подумать о наличии коллекции каркасов, доступных для использования для разных типов контента. Контакт, о и другие страницы с большим количеством текста могут иметь разный макет, чем галерея или страница для покупок.
Важно, чтобы вы поддерживали единообразный внешний вид на веб-сайте при переходе от одного каркаса к другому.
06 из 10Дизайн сайта
Когда вы и ваш клиент довольны каркасами, пришло время начать разработку сайта.
Adobe Photoshop - наиболее распространенный инструмент для создания начальных проектов. В центре внимания дизайна сайта должно быть содержание, и оно будет использоваться для создания фактических веб-страниц.
На данный момент просто создавайте и играйте с основными элементами, чтобы создать что-то для вашего клиента, чтобы посмотреть и одобрить.
- В то время как кричащие проекты и анимация имеют свое место, они не должны превзойти то, что ищет пользователь.
- Последовательная навигация поможет посетителям найти все ваши основные области контента.
- Чистое использование типа (в случае сайта с текстом) позволит посетителям читать и возвращаться для большего.
- Прежде чем вы будете иметь фактический контент для дизайна сайта, текст Lorem Ipsum поможет заполнить пробелы, не отвлекая вашего клиента.
Продолжить чтение ниже
07 из 10Создание веб-страниц
Когда ваш дизайн одобрен, страницы должны быть превращены из макетов в фактические веб-страницы, написанные в HTML и CSS.
Опытный дизайнер / разработчики могут выбрать все кодирование, в то время как кто-то, кто сосредоточен на стороне дизайна сети, может тесно сотрудничать с разработчиком, чтобы оживить сайт. Если это так, разработчик должен быть задействован с самого начала.
Разработчики помогут убедиться, что дизайн является реалистичным и эффективным веб-макетом. С ними также следует ознакомиться с любыми функциями, которые вы обещаете клиенту, поскольку некоторые из них могут оказаться невозможными для выполнения или полезного для сайта.
Программное обеспечение, такое как Adobe Dreamweaver, может помочь дизайнеру превратить макет в рабочую веб-страницу с функциями перетаскивания, встроенными функциями и кнопками для добавления ссылок и изображений.
Для создания веб-сайтов доступно множество вариантов программного обеспечения. Выберите тот, с которым вам нравится работать, просто убедитесь, что они позволяют вам вникать в детали и кодирование страниц.
08 из 10Разработка веб-сайта
После того, как ваш макет завершен в HTML и CSS, его необходимо интегрировать с выбранной вами системой. Это тот момент, когда он становится действующим веб-сайтом.
Это может означать разработку шаблонов для чтения системой управления контентом, изменение шаблона WordPress или использование Dreamweaver для создания ссылок между страницами и более продвинутых веб-функций. Это снова шаг, который может быть оставлен другому члену или членам команды.
Вам также нужно будет купить доменное имя веб-сайта и выстроить хостинг. Это должно было быть частью ваших обсуждений с клиентом и, в действительности, должно быть сделано на начальных этапах процесса. Иногда может потребоваться некоторое время, чтобы службы стали активными.
Также очень важно, чтобы вы или ваш разработчик провели тщательное тестирование веб-сайта. Вы не хотите делать «большое раскрытие» и иметь функции, которые не работают правильно.
Продолжить чтение ниже
09 из 10Продвижение сайта
С вашим веб-сайтом в Интернете пришло время его продвигать. Ваш удивительный дизайн не подходит, если люди не посещают его.
Вождение трафика на сайт может включать:
- Оптимизация для поисковых систем. Возьмите эксперта по SEO, если это не область знаний, так как лучшие практики постоянно меняются.
- Отправка бюллетеней для выделения нового контента. Дизайн информационного бюллетеня должен относиться к дизайну веб-сайта, чтобы поддерживать постоянство обмена сообщениями с брендами.
- Реклама с объявлениями PPC в Google или с баннерными объявлениями на других сайтах.
- Более традиционные методы, такие как печатная реклама и слово из уст.
Держите его свежим
Один из лучших способов заставить людей вернуться на ваш сайт - сохранить свежий контент. При всей работе, помещенной на сайт, вы не хотите, чтобы он оставался прежним в течение нескольких месяцев после запуска.
Продолжайте публиковать новый контент, фотографии, видео или музыку … независимо от того, какой сайт был создан для представления. Блог - отличный способ сохранить сайт обновленным, с сообщениями любой длины по любой теме, связанной с вашим сайтом,
Если ваш клиент будет обрабатывать обновления для сайта CMS, вам может потребоваться обучить их использованию. Внедрение обновлений на веб-сайт, который вы разработали, - хороший способ получить регулярный доход. Убедитесь, что вы и ваш клиент согласны с частотой и тарифами за любую работу по обновлению, которую вы делаете.
