Как мы работаем

Разработка скетчей

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

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

Данный этап необходим для решения сразу несколько задач:

• Позволяет уверенно выбрать из всех идей наиболее перспективный вариант.
• Экономит время клиента и дизайнера.
• Устраняет лишние финансовые расходы, связанные с возможным исправлением шаблона на более поздних стадиях.

Итог данной стадии – утвержденная концепция, на основе которой будет происходить детальная проработка идеи.

Дизайн

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

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

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

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

Верстка

Верстка – этап, на котором в соответствии с макетами сайта создается HTML код. Он определяет структуру страниц – расположение графической и текстовой информации на сайте.

Валидная верстка – это приведение HTML кода и структуры сайта к общемировым стандартам. Для создания анимации применяется библиотека jQuery. Весь контент делится на представление (описание различных свойств объектов) и содержимое (текст и HTML-тэги). В результате достигается уменьшение размера страниц, следовательно, более быстрая их загрузка. Кроме того, появляется возможность управлять внешним видом многих страниц через один файл.

Кроссбраузерная верстка – это коррекция кода для единообразного отображения сайта различными браузерами (Safari, Internet Explorer, Mozilla Firefox или Opera). Семантическая верстка – это создание последовательной и логичной иерархии страниц.

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

Итог стадии верстки – готовая структура сайта, оптимизированная для скоростной работы со всеми версиями браузеров.

Программирование

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

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

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

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

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

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

• Нахождение ошибок программного кода.
• Тестирование безопасности.
• Контроль Usability (скорости загрузки, корректности размещения данных).
• Нагрузочное тестирование (определение пиковых нагрузок).
• Контроль качества SEO-оптимизации.
• Нахождение ошибок верстки.

Данная стадия имеет важное значение, так как позволяет на практике убедиться в работоспособности сайта. Кроме того, тестирование помогает провести окончательную оптимизацию системы перед непосредственным стартом проекта. Статистика утверждает, что только по итогам контроля Usability экономические показатели сайта могут быть повышены на 135% и более.

Результатом тестирования является готовый сайт, который можно размещать в Интернете.