Эта статья расчитанна на потенциальных клиентов как нашей так и конкурирующей компании, но будет так же полезна и тем кто просто решил создать и разместить свой сайт в сети «Интернет»

С чего начать?

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

Совет 1: Ознакомьтесь с этапами разработки сайтов.

Совет 2: Внимательно оцените и зафиксируйте цели создания сайта, а лучше их пропишите на бумаге.

Совет 3: Желательно подумать и определится с типом сайта.

Совет 4: Если есть возможность набросайте эскизы ключевых, по вашему мнению, аспектов создоваемого сайта.

Совет 5: Подумайте и зафиксируйте предпологаемые разделы сайта. Как пример раздел «Контакты», «О компании», «Портфолио», «Услуги» и т.д

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

Совет 7: Подумайте и зафиксируйте на бумаге свои основные идеи по наполнению разделов сайта информацией (контентом). Как правило это схема или условия размещение текстов и картинок в разделе.

Совет 8: Очень внимательно отнеситесь к проработке схем переходов посетителей по сайту. Конечно не сразу получиться идеальный итоговый вариант, но за то Вы будете готовы к разговору с исполнителем и сами лучше поймете как будет работать ваш сайт.

Совет 9: В процессе формирования требований обязательно обратите внимание на сайты потенциальных конкурентов. Это позволит Вам оценить требования к сайту, а так же возможно подчерпнуть новые идей.

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

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

Совет 12: Обязательно зафиксируйте в виде документа все свои требования к сайту. Это будет Ваше предварительное техническое задание на разработку или обновление сайта. Имея такой документ Вам всегда будет проще говорить с исполнителем и шансы получить в результате именно то что Вам требуется повысятся.

Совет 13: При составлении ТЗ обязательно нужно помнить о целях создания сайта. Если какая-нибудь функция сайта не способствует достижению поставленных целей (или тем более — мешает) — необходимо от неё отказаться: на сайте она будет лишней. Например, если цель сайта — продать как можно больше единиц товара, то лента новостей на сайте не нужна.

Этапы разработки сайтов

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

1 этап — определение целей создания сайта.

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

2 этап — проведение исследований по теме сайта

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

3 этап — определение типа сайта, разработка ТЗ и структуры

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

  • Тип сайта (портал, промо, визитка, корпоративный, магазин и т.д.)
  • Функционал сайта (поиск, каталог, лента новостей и т.д.)
  • Стиль дизайна (строгий, веселый, мрачный и т.д.)
  • Структура сайта (какие страницы должны быть на сайте)
  • Структура страниц (какие блоки должны быть на страницах и в каком виде)

4 этап — разработка макета дизайна сайта

Этот этап делится на несколько подэтапов:

  1. Генерация идей дизайна. Набор идей предоставляется заказчику в виде эскизов с текстовыми пояснениями.
  2. Разработка предварительного макета дизайна главной страницы.
  3. Исправление замечаний заказчика (если есть), доработка макета до завершенного вида.
  4. Разработка внутренних страниц по аналогичному алгоритму.

5 этап — HTML-CSS вёрстка

В зависимости от целей и задач сайта, верстка должна удовлетворять некоторым требованиям. Обычно эти требования такие:

  • Кроссбраузерность — страницы должны одинаково отображаться разных браузерах (Mozilla Firefox, Google Chrome, Opera, Internet Explorer, Safari и т.д.).
  • Гибкость вёрстки — возможность легко добавлять/удалять информацию на страницы.
  • Быстрота обработки кода браузером
  • Валидность — соответствие стандартам
  • Семантическая корректность — логичное и правильное использование элементов HTML

6 этап — программирование и установка на CMS

Это чисто технический этап, на котором реализуется весь функционал сайта. Требования к этому этапу определяются техническим заданием.

7 этап — заполнение сайта контентом (информацией)

На этом этапе очень важен качественный, профессиональный копирайтинг (от англ. Copywriting - профессиональная деятельность по написанию рекламных и презентационных текстов).

8 этап — тестирование сайта и исправление ошибок

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

9 этап — публикация сайта в интернете

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

10 этап — продвижение сайта и реклама в интернете

Когда сайт полностью готов к работе — нужно привлекать на него посетителей. Для «раскрутки» сайта можно воспользоваться контекстной или баннерной рекламой, SEO, SMO и другими методами.

Обратите внимание, что в некоторых этапах требуется участие заказчика.

Типы сайтов

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

Теперь более подробно рассмотрим каждый тип сайта.

 

Сайт визитка

Сайт визитка — самый простой вид сайта. Сайт такого типа можно сделать даже на простом HTML, без использования системы управления сайтом. Обычно сайт-визитка содержит от 1 до 5 страниц. Сайты этого вида как правило включают в себя только общую информацию о владельце сайта и его контактные данные.

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

Пример: http://mihailova-design.ru http://talanplus.ru

Корпоративные сайты

Корпоративные сайты — это полнофункциональные представительства компаний в интернете. Этот тип сайта лучше всего подходит для серьёзных средних и крупных фирм. Корпоративные сайты содержат полную информацию о компании и её деятельности.

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

Пример: http://www.lukoil.ru

Интернет-витрины

Интернет-витрина или интернет-каталог товаров — это вид сайтов, основная задача которых — дать посетителю максимум информации о товаре. На таких сайтах размещаются технические характеристики товаров, отзывы, рекомендации экспертов и т.д.

Пример: http://dlink.ru

Интернет-магазины

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

Пример: http://www.ulmart.ru

Промо-сайты

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

Пример: http://autoscrub.ru

Интернет-порталы

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

Пример: http://mail.ru http://www.yandex.ru

Блоги

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

Пример: http://forum.littleone.ru

Каталоги сайтов

Это вид сайтов, основным содержимым которых являются структурированные ссылки на сайты, а также их краткие описания.

Пример: http://autorents.ru

Поисковые системы

Вид сайтов, предназначенных для поиска страниц в интернете по определённым запросам.

Пример: http://www.yandex.ru http://www.google.ru http://mail.ru

Почтовые сервисы

Этот тип сайтов предоставляет сервис для работы с электронной почтой.

Пример: http://mail.ru http://mail.google.com

Сайты-хостинги

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

Пример: http://www.majordomo.ru

Доски объявлений

На таких сайтах пользователи могут размещать или искать информацию в виде каких-либо объявлений, например — о покупке-продаже.

Пример: http://www.avito.ru

Социальные сети

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

Пример: http://vk.com http://www.facebook.com

Функционал сайта

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

Поиск

Как правило на сайтах содержащих достаточно большое количество информации требуется средство для поиска нужной информации из всей информационной базы сайта. Для этого на сайте за счет специального програмного кода реализуется функция поиска по сайту. То есть с помощью такого поиска Вы сможете дать посетителю сайта возможность искать информацию только на вашем сайте, а не во всей сети «Интернет». Для примера вы можете обратить внимание на реализацию такой функции на нашем сайте в правой части основного меню. Так же такю функцию можно реализовать за счет бесплатных сервисов популярных поисковых систем таких как Яндекс или Google. Такие сервисы позволяю достаточно просто и эфективно реализовать функцию поиска информации на вашем сайте и только на вашем сайте.

Сервис Яндекс http://site.yandex.ru/

Сервис Google http://www.google.ru/cse/

Авторизация пользователей

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

Блог

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

Пример http://blog-about-it.ru

Форум

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

Каталог

Функция каталога поможет посетителям сайта самостоятельно ознакомится с вашими продуктами или товарами, оценить внешний вид и характеристики. Это всегда повышает интерес пользователей сети «Интернет» к вашему сайту, а в итоге и к вашей продукции или товарам.

Файловый сервер

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

Фотогаллерея

Такой функционал позволяет организовать на сайте структурированный каталог с фотографиями, описаниями, комментариями и системой оценок.

Дизайн сайта

Что такое WEB-Дизайн? WEB-Дизайн – это графическое оформление сайта, которое включает в себя разработку структуры сайта, разработку логики сайта с учетом удобства пользования (юзабилити). Причем оформление должно быть таковым, чтобы не отпугивать посетителей, а создавать им удобства для пользования сайтом.

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

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

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

Конечно в дизайне сайта очень важна и структура сайта и удобство в использовании.

Тут http://www.webmarketinglist.ru можно почитать более подробно о WEB-Дизайне

Структура сайта

Структура сайта – это четкое описание расположения на странице зон отображения информации сайта, схем перемещения по сайту а также колличество этих страниц.

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

Структура страниц

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

Подытожим

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

Отдельное спасибо за информацию:

http://www.yanajy.com

http://ru.wikipedia.org