Процесс разработки сайта
- Главная /
- Процесс разработки сайта
Схема работы над проектом
- Интервью
- Разработка технического задания
- Подготовка документов
- Подборка визуальных решений
- Разработка прототипа
- Разработка макета главной страницы
- Разработка макета внутренних страниц
- Адаптивная вёрстка
- Программирование
- Тестирование
- Наполнение контентом
- Инструкции
- Перенос на домен и хостинг
Особенности разработки
Верстка будет реализована в чистом виде на html+css по методологии БЭМ с полным адаптивом вплоть до ширины экрана в 320px (iPhone 5s/SE). Блоки на сайте будут созданы с равномерными отступами для возможности удобно менять их местами при необходимости. Основные элементы будут вынесены во внешние компоненты, согласно компонентному подходу. Весь экшн на сайте — строго в чистую без тяжелых библиотек.
Основные приоритеты: оптимизация скорости загрузки, оптимизация отклика ответа сервера и возможность расширения (доработки) проекта без костылей.
В процессе разработки проекта будет создана подробная документация (инструкции к управлению + самодокументированный код внутри) во избежание bus-фактора (ситуации, когда разработчик пропал и кроме него никто не знает, как поддерживать сайт).
Под основные задачи, связанные с контент-менеджментом (обновление товаров, добавление медиафайлов в компоненты, управление новостями, публикация вакансий и т.д.) будет создан интерфейс в панели администратора для управления проектом без навыков программирования
Это анкетирование, с помощью которой вы отразите свои требования и пожелания к сайту. Пройдя его, вы не только ещё раз проанализируете будущий проект, но и четко представите его окончательный вид.
Техническое задание — документ, в котором фиксируются требования к сайту. Чем точнее оно составлено, тем ближе результат к ожиданиям.
Формируем договор и спецификацию, фиксируем условия работы и ответственность сторон, чтобы сотрудничество было понятным и прозрачным.
Примеры цветов, шрифтов, образов, которые помогут согласовать стиль и общую визуальную концепцию сайта.
Создаём базовый макет сайта, чтобы наглядно показать структуру и функционал и внести правки на раннем этапе с минимальными затратами.
Дизайн-макет — это визуальное представление будущего сайта, показывающее, как он будет выглядеть после верстки и наполнения, без интерактивных элементов.
Выполняем вёрстку по утверждённым макетам, чтобы сайт корректно и удобно отображался на всех устройствах — от смартфонов до десктопов.
Это программирование с целью внедрения системы управления контентом для удобного администрирования и обновления сайта.
Выполняем приёмку сайта: проводим тестирование по чек-листу и формируем список правок для устранения ошибок.
Контент — это тексты, изображения и медиа, необходимые для работы и продвижения сайта. Мы переносим материалы со старого сайта или наполняем его новым, уникальным контентом.
Готовим текстовую или видеоинструкцию по работе с сайтом, чтобы быстро обучить сотрудников и обеспечить бесперебойную работу ресурса.
Переносим проект на ваш хостинг. Сам перенос занимает до 2 часов, а появление сайта в поисковой выдаче — до 1 недели (зависит от поисковой системы).
Настраиваем аналитику, сопровождаем разработку с точки зрения SEO и помогаем с подготовкой текстов.
В течение 14 дней устраняем выявленные баги и ошибки, обнаруженные при эксплуатации сайта.
Проект реализуется поэтапно с привлечением профильных специалистов на каждом этапе, что позволяет обеспечить высокое качество работ и контроль результата.Проект реализуется поэтапно с привлечением профильных специалистов на каждом этапе, что позволяет обеспечить высокое качество работ и контроль результата.