Этапы работы
Создание сайта — это сложный процесс. Я выстроила четкую структуру работы над проектом, делю ее на этапы.
Когда беру проект в работу сразу озвучиваю точные сроки каждого этапа разработки. Держу клиентов в курсе, на какой стадии сейчас их проект. Поэтому разработка происходит в комфорте.
- Дизайн сайтов
- Верстка сайтов
- Сайт под ключ
1. Знакомство и обсуждение проекта, составление технического задания
Созваниваемся или списываемся с вами и обсуждаем проект. Вы рассказываете мне о своем бизнесе, для чего вам нужен сайт. Обсудим примеры сайтов, которые вам нравятся по структуре и по дизайну и т.д. Интервью поможет мне точно понять ваш запрос, оценить объем работы, и в итоге назвать точные сроки и стоимость.
По желанию вы можете заполнить бриф (анкету) с вопросами и отправить мне. Оставшиеся детали уточним в переписке или во время созвона.
2. Анализ конкурентов и целевой аудитории
Я изучаю сайты по тематике проекта — прямых и смежных конкурентов. Это помогает выделить сильные стороны вашего бизнеса, отразить их на будущем сайте, выделиться на фоне других компаний.
Анализ целевой аудитории помогает сделать сайт понятным и интересным для пользователя.
3. Создание удобной и логичной структуры будущего сайта и прототипа
Сначала создам карту, на которой будут видны все страницы сайта и их иерархия. Далее на ее основе нарисую прототип.
Прототип — это наглядное схематичное представление структуры будущего сайта. Он дает понять, в какой последовательности будет подаваться информация, где будут располагаться тексты, фото, кнопки и т.д. Так вы сможете наглядно увидеть, как будет расположен контент, что за чем идет и т.д. На этом этапе доступны 2 бесплатные итерации правок.
4. Разработка дизайна 2-х первых экранов сайта
Создам 2 варианта дизайна для двух первых блоков сайта на основе ваших пожеланий. Вы выбираете понравившийся вариант, при необходимости дорабатываем его. Доступны 2 бесплатные итерации правок.
5. Дизайн ключевых страниц сайта (или главной страницы, если лэндинг)
На основе утвержденной концепции я создам дизайн компьютерной версии ключевых страниц сайта (набор страниц и их количество зависит от проекта). Доступны 2 бесплатные итерации правок.
6. Если сайт многостраничный*
После утверждения ключевых страниц разрабатываю дизайн компьютерной версии для остальных страниц сайта в таком же стиле. Доступны 2 бесплатные итерации правок.
7. Отрисовка адаптивных версий
После утверждения дизайна всех страниц сайта перехожу к отрисовке их адаптивных версий — для планшетов и телефонов. Доступны 2 бесплатные итерации правок.
8. Подготовка макетов для передачи на верстку
После утверждения дизайна всех адаптивных версий сайта подготавливаю макеты к разработке: привожу в порядок рабочий файл с проектом, оставляю комментарии для разработчика при необходимости, собираю в архив необходимые файлы (оптимизированные фото, шрифты, иконки и пр.). Отправляю все это вам и/или разработчику после получения второй части оплаты.
1. Знакомство и обсуждение проекта, составление технического задания + изучение макета
Вы предоставляете мне макет. Я его изучаю. Созваниваемся или списываемся с вами и обсуждаем проект. Если у вас уже есть готовое техническое задание - отлично, можно сразу приступать к работе. Если нет, тоже не проблема - составим его при обсуждении.
2. Верстка сайта
Перевод макета в понятный для браузера формат - написание кода, который определяет структуру, стиль и взаимодействие с элементами на странице.
Обеспечение правильного отображения сайта в различных браузерах и на разных устройствах.
3. Тестирование верстки
Внимательное тестирование верстки на различных устройствах, проверка на наличие ошибок и их исправление.
4. Перенос верстки на хостинг или передача архива с версткой клиенту
Передаю сайт клиенту в виде архива или ключей от личного кабинета на хостинге в зависимости от того, какие были договоренности в начале работы.
5. Бесплатная техническая поддержка*
*В течение месяца оказываю тех поддержку и помощь при работе над сайтом.
1. Знакомство и обсуждение проекта, составление технического задания
Созваниваемся или списываемся с вами и обсуждаем проект. Вы рассказываете мне о своем бизнесе, для чего вам нужен сайт. Обсудим примеры сайтов, которые вам нравятся по структуре и по дизайну и т.д. Интервью поможет мне точно понять ваш запрос, оценить объем работы, и в итоге назвать точные сроки и стоимость.
По желанию вы можете заполнить бриф (анкету) с вопросами и отправить мне. Оставшиеся детали уточним в переписке или во время созвона.
2. Анализ конкурентов и целевой аудитории
Я изучаю сайты по тематике проекта — прямых и смежных конкурентов. Это помогает выделить сильные стороны вашего бизнеса, отразить их на будущем сайте, выделиться на фоне других компаний.
Анализ целевой аудитории помогает сделать сайт понятным и интересным для пользователя.
3. Создание удобной и логичной структуры будущего сайта и прототипа
Сначала создам карту, на которой будут видны все страницы сайта и их иерархия. Далее на ее основе нарисую прототип.
Прототип — это наглядное схематичное представление структуры будущего сайта. Он дает понять, в какой последовательности будет подаваться информация, где будут располагаться тексты, фото, кнопки и т.д. Так вы сможете наглядно увидеть, как будет расположен контент, что за чем идет и т.д. На этом этапе доступны 2 бесплатные итерации правок.
4. Разработка дизайна 2-х первых экранов сайта
Создам 2 варианта дизайна для двух первых блоков сайта на основе ваших пожеланий. Вы выбираете понравившийся вариант, при необходимости дорабатываем его. Доступны 2 бесплатные итерации правок.
5. Дизайн ключевых страниц сайта (или главной страницы, если лэндинг)
На основе утвержденной концепции я создам дизайн компьютерной версии ключевых страниц сайта (набор страниц и их количество зависит от проекта). Доступны 2 бесплатные итерации правок.
6. Если сайт многостраничный*
После утверждения ключевых страниц разрабатываю дизайн компьютерной версии для остальных страниц сайта в таком же стиле. Доступны 2 бесплатные итерации правок.
7. Отрисовка адаптивных версий
После утверждения дизайна всех страниц сайта перехожу к отрисовке их адаптивных версий — для планшетов и телефонов. Доступны 2 бесплатные итерации правок.
1. Составление технического задания на верстку
По отрисованному дизайн-макету составляется и утверждается техническое задание для дальнейшей разработки.
2. Верстка сайта
Перевод макета в понятный для браузера формат — написание кода, который определяет структуру, стиль и взаимодействие с элементами на странице.
Обеспечение правильного отображения сайта в различных браузерах и на разных устройствах.
3. Тестирование верстки
Внимательное тестирование верстки на различных устройствах, проверка на наличие ошибок и их исправление.
4. Интеграция с CMS или перенос верстки на хостинг
Подготовка верстки для интеграции с системой управления контентом. Установка и настройка CMS или перенос сайта на хостинг согласно техническому заданию. реализация настроек и подключение сервисов.
5. Заключительное тестирование и запуск
Проверка работоспособности сайта и подключённых к нему сервисов, форм сбора заявок и т.д.
После передаю сайт клиенту в виде архива, ключей от личного кабинета на хостинге или CMS в зависимости от того, какие были договоренности в начале работы. Теперь можно пользоваться сайтом, запустить на него рекламу и продвигать в интернете.
6. Бесплатная техническая поддержка*
*В течение месяца оказываю техподдержку и помощь при работе над сайтом.