С чего же нужно начинать создание хорошего сайта?
Чтобы ответить на этот вопрос, мы расскажем Вам про каждый этап создания сайта в отдельности. Ведь прежде чем свой WEB-САЙТ воплотить в реальность, необходимо как минимум ознакомиться с процессом разработки сайта. Как в Веб Студии “Best Web Projects“ организуется работа с заказчиками?
Разработка сайта – это процесс управляемый и нацелен на результат. Каждое звено в создании сайта, в некоторой степени независимо, благодаря чему, наши клиенты могут выбрать определенный этап разработки (дизайн web-сайта, интеграция дизайна, публикация сайта в интернете, заполнение сайта материалами, т.е. контент сайта, поддержка сайта, редизайн сайта, оптимизация и продвижение) или же полный комплект услуг и создание сайта с нуля.
Рассмотрим поэтапно
Определение задачи и подготовка технического задания (ТЗ)
Мысли материализуются!
Изначально очень важно определиться с тематикой сайта. И четко выбрать для себя сегмент рынка Вашей деятельности. Нельзя делать сайт обо всем. Сайт «всё обо всём” – будет напоминать свалку – где будет сложно что-то найти. Пользователи всемирной паутины не задерживают свое внимание на сайтах-свалках и предпочитают посещать целевые и понятные интернет — ресурсы. Вот почему очень важно сформулировать четко ЦЕЛЬ создания сайта..
Первоначально очень важно сформулировать: «Какой сайт Вы хотите в итоге, и какие задачи должен решать этот сайт».
- Вы хотите с помощью сайта продавать товары и услуги т.е. “продающий сайт”?
- Возможно, Вам нужен сайт информативный для того, чтобы информировать Ваших партнеров?
- А может, Вы желаете поставить акцент на дизайн — современный и неординарный?
С нашей стороны мы сможем предложить варианты воплощения Ваших целей в реальность, совместно обсудив и определив, что же вам нужно: поиск новых клиентов, реклама товара, увеличение объемов продаж, информационная поддержка клиентов или же благоприятный имидж компании. То есть на этапе «Определение задачи и подготовка технического задания» у Вас будет готовое техническое задание (ТЗ) на реализацию вашего проекта: описание структуры сайта, схема навигации по сайту и технические требования к сайту.
Будет создана структура вашего будущего сайта и спроектирована бизнес-логика. Обговорены сроки реализации и бюджет сайта. К этому этапу необходимо отнестись очень серьезно — это первый кирпич, закладываемый в фундамент сайта, а так же вашего будущего бизнеса. И ошибка в этапе разработки сайта и в составлении технического задания может кардинально изменить результат и не оправдать ваши надежды в будущем. Поэтому необходимо выделить достаточно времени (6-10 дней) и ресурсов на составление четкого ТЗ, предварительно исследовать и описать бизнес-процессы (это очень важно при создании Интернет магазинов и крупных сетевых проектов).
На этой стадии необходимо получить ответы на следующие вопросы:
1. Назначение интернет-проекта. Здесь необходимо четко сформулировать задачи, чтобы дальше работать в нужном направлении.
2. Каким вы видите будущий дизайн сайта? Цветовая гамма, шрифт, стилистика
3. Структура сайта. Зависит от того какого типа будет сайт. Здесь важно определиться с меню: главы, разделы и подразделы.
4. Навигация сайта. Определяемся с главной страницей сайта и внутренними страницами; с кнопками – переходами на предыдущую страницу. Навигация сайта очень важна и должна быть интуитивно понятна новичку – пользователю интернета.
5. Содержание и структура сайта. Придумываем название страниц сайта и их описание (ссылки, текст и графика).
6. Администрирование сайта. (В наши услуги входит обучение сотрудника вашей компании администрированию сайта).
Дизайн вашего сайта — это как обложка журнала, Ваша визитная карточка. Это один из самых интересных этапов в создании сайта и к нему надо отнестись творчески. Приступая к прорисовке шаблона сайта в Adobe Photoshop необходимо учитывать графические элементы, шрифты, фон, цветовую гамму, при желании заказчика прорисовка флэш-роликов, расположение меню. Мы обычно предоставляем 3-4 страницы (главная, внутренняя страница сайта, простая страница с текстом), например, раздел «Контакты» или «Фотогалерея». Если это интернет магазин, то возможны дополнительные страницы: «Корзина», «Регистрация», «Описание товара», «Описание Каталога». Все конечно зависит от функциональности проекта, поэтому количество предоставляемых страниц определяется при написании ТЗ.
Согласно техническому заданию (ТЗ) по разработке сайта с нашей стороны предоставляется 1-2 варианта дизайна, то есть эскизы, из которых вы должны выбрать наиболее подходящий, который и будет доработан. Мы в течение 2-х недель предоставим Вам Шаблон: файл с расширением PSD и HTML-файл. Возможно так же использование готовых шаблонов (но мы приверженцы разработки индивидуального сайта), хотя при использовании готового шаблона вы сэкономите время и деньги.
Также есть важный момент, который необходимо учитывать — какая будет верстка? Жесткая (фиксированные), резиновая или эластичные.
Жесткая верстка макета (Rigid fixed layout (Tight layout)): Макет сайта с фиксированной шириной отличается основной областью для содержания (wrapper), ширина которой выставлена как четкое значение, и не зависит от разрешения экрана пользователя. То есть макет заверстывается по нарисованным размерам (наличие свободной, не использованной площади — минус этого типа верстки).
Адаптивная — резиновая верстка макета (Adaptable fluid layout): Резиновый макет позволяет растянуть сайт на ширину экрана, не создавая горизонтальной полосы прокрутки. Основному контейнеру либо не задается ширина вообще (по умолчанию будет 100%), либо определяется ширина макета в процентах.
Расширяемая — эластичная верстка макета (expandable elastic layout): Эластичный макет — размер основного контейнера и других (важных) элементов задается в em. Em прямо пропорциональны размеру текста или шрифта. Соответственно, при увеличении размера текста на странице, размеры разделов, заданные в em, увеличатся пропорционально.
Готовый шаблон (файл с расширением PSD) поможет Вам легко понять каким будет внешний вид будущего сайта и в тоже время поможет нашему программисту быстро и качественно создать функционал под этот макет, не отвлекаясь на дизайн сайта.
Очень важно, чтобы Веб-дизайн сайта адекватно выглядел в различных браузерах, особенно в браузерах Internet Explorer, Firefox, Safari, Chrome и Opera.
После того как дизайн сайта разработан и установлена система управления сайтом наш следующий шаг — наполнение сайта информацией ( тексты, таблицы и графики, фотографии, аудио-файлы, видеоролики). Если со стороны заказчика предоставляется вся необходимая информация, то мы публикуем ее на сайте предварительно обрабатывая фотографии и редактируя тексты (20 страниц).
Но если таких материалов нет, наши копирайтеры постараются максимально творчески подойти к заданию и в короткие сроки написать основные тексты, статьи … подобрать тематические фотографии придав им достойный вид.
Мы разрабатываем сайты на языке программирования PHP и используем разные системы управления контентом в зависимости от проекта. На Российском рынке множество компаний, предлагающих платные и бесплатные CMS (Content Management System).
Что такое CMS? — Это система управления сайтом, другими словами “движок для сайта”. Данное программное обеспечение — позволяет управлять структурой и содержимым сайта.
Наиболее часто используемые:
Платные движки — 1С-Битрикс, Shop-Script, WebAsyst Shop-Script, Simpla, VamShop…
Бесплатные движки (free)- Joomla, WordPress, Drupal, Opencart….
Использование движка позволит вашему работнику, который не владеет навыками веб-дизайнера или программиста поддерживать сайт: добавлять, обновлять и редактировать информацию на сайте. Управлять сайтом действительно ПРОСТО и достаточно минимальных знаний MS Word!
Прежде чем публиковать сайт необходимо ответить на два вопроса выбор Домена и Хостинга.
1-ое Домен: например www.bestwebproject.ru или www.bestwebprojects.ru.
Выбор Домена очень важен и по идее, он должен соответствовать названию компании, торговой марке или бренду.
Что такое домен? “Домен”- от.английского слова Domain (область, территория). До появления доменов в далеком прошлом, когда только появилась всемирная паутина «WWW — World Wide Web» все компьютеры подключались к сети и к ним обращались при помощи IP адреса.
IP-адрес – это числовой идентификатор “числовое имя — числовой адрес” каждого компьютера (хоста), который подключен к Интернету. Он состоит из адреса сети и адреса данного хоста в этой сети и представляет из себя следующее: четыре десятичных числа (от 0 до 255), с разделителем «.» (точка, например: 219.184.17.59.). Можно запомнить один IP адрес, два, три …. Но какими бы гениями мы не были, количество IP адресов, которые мы в состоянии запомнить ограничено, вот почему для упрощения было придумано понятие домен (доменное имя, domen — например www.bestwebprojects.ru), которое намного легче запомнить, так как несет в себе смысловое значение. Этим и было облегчено для пользователей сети — обращение к тому или иному IP адресу задав ему доменное имя. Что же происходит когда мы в строке любого браузера набираем доменное имя? Символы набранные нами –“доменное имя” специальный DNS сервер преобразует в IP-адрес (понятный компьютерам в сети). Подробно о доменах (domain)>>>
Прежде чем публиковать сайт необходимо ответить на два вопроса выбор Домена и Хостинга.
2-ое Хостинг: место (на сервере) – где физически будет размещен сайт.
Что такое хостинг? Хостинг (англ. hosting) — это место где будет хранится ваш ресурс (веб сайт, почтовая корреспонденция, база данных, DNS, файловое хранилище на специально выделенном файл-сервере и т. п.), — это своего рода сервис, позволяющий пользователям сети Интернет размещать свою информацию (веб сайты) на серверах и обеспечивающий доступ к ней через Всемирную паутину (WWW). Например, наша компания пользуется услугами компании www.sweb.ru. Техническая поддержка компании осуществляется круглосуточно, серверы работают корректно и быстро, проблем с доступом к сайтам и со скоростью загрузки не возникало, цены доступны — с ними легко и удобно. Но если у Вас свой хостинг или Сервер, то для установки CMS необходимо обеспечить следующие условия: наличие PHP4, Unix, Apache. Бесплатные хостинги не рассматриваются.
Иными словами: Хостинг
— сдача в аренду пользователю части своего серверного пространства;
— поддержание работоспособности пользовательского сайта на своих веб-серверах.
Первичное продвижение сайта (услуга бесплатная) включает в себя: оптимизацию контента, чтобы обеспечить высокий рейтинг в поисковых системах (yandex, google, rambler), регистрацию сайта в ведущих поисковых системах, а так же обязательный мониторинг сайта со дня публикации в интернете (1 месяца).
Под поддержкой сайта мы понимаем: редактирование, добавление информации, обновление новостных статей, добавление картинок. Информация на сайте должна постоянно обновляться. Это способствует эффективному индексированию сайта поисковыми системами и активному привлечению посетителей.
Сотрудник нашей веб студии бесплатно проконсультирует вашего работника ответственного за поддержку сайта. Если же Вы не подразумевали содержать работника, то поддержку сайта может осуществлять наша компания.