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

Сайт предназначен для заказчиков тары, как оптовых так и единоразовых.

Реализация: разработана структура и дизайн ключевых страниц.

Процесс создания веб-сайта:

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

Договор и Приложения предварительно согласовываются Сторонами. Для этого согласования, а также для эффективного выполнения работ Стороны назначают ответственных менеджеров для работы над проектом.

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

1. Аналитика

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

2. Выбор системы управления

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

3. Проектирование

• разработка концепции
• разработка архитектуры
• подготовка интеллект-карты (mind map), которая позволяет эффективно структурировать и обрабатывать информацию
• прототипирование главной, ключевых внутренних страниц и различных форм

Имея огромное количество идей, приступаем к их визуализации и выстраиванию логических взаимосвязей. На этом шаге проектировщик приводит все в единую систему и отбрасывает лишнее. Для систематизации всей информации создается карта интеллекта (её чаще называют английским термином Mind map). Все идеи разбиваются на глобальные блоки (разделы). Взаимоисключающие идеи объединяются или выбирается одна из них. Общее количество блоков должно соответствовать будущим разделам сайта, у каждого из разделов могут быть подразделы. 

Составление прототипов станиц

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

4. Совместимость с браузерами

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

5. Проектирование

• разработка концепции
• разработка архитектуры
• подготовка интеллект-карты (mind map), которая позволяет эффективно структурировать и обрабатывать информацию
• прототипирование главной, ключевых внутренних страниц и различных форм.

6. Верстка

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

Разметка

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

Нестандартная — подбор необычных решений либо сайты со сложной компоновкой.

7. Программирование. Система управления сайтом (CMS)

Серьезной задачей является выбор программного «движка», позволяющего обновлять информацию на сайте без лишних сложностей. Мы предлагаем несколько наиболее распространенных и надежных. Также мы используем для повышения скорости разработки и стандартизации открытые frontend-фреймворки (jQuery) и большое количество модулей. Backend, для большей безопасности данных в основном использует фреймворк собственной разработки. Для индивидуального программирования для высоконагруженных проектов применяются технологии Ajax, серверное кеширование. 

8. Наполнение сайта

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

9. Тестирование  

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

10. Составление инструкции

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

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

• выкладывать новые материалы
• продвигать сайт
• опрашивать посетителей и добавлять новую необходимую им функциональность