верстка и программирование сайта в двух вариациях
ГК Приборы Охраны
задача
Верстка сайта + настройка админ-консоли на CMS WordPress по предоставленной концепции (+ варианты с редизайном и переработкой структуры)
план РАБОТ
- Онбординг
- Работа с архитектурой и проработка смыслов
- Прототипирование и редизайн
- Программирование
- Тех. настройка (перенос)
срок работ
от 27 дней
стоимость работ
FP: 123т / 200т р
T&M: - /от 193т р
T&M: - /от 193т р
ВВОДНЫЕ
Источник трафика: -
Портрет ЦА: -
Боль ЦА: -
Фото и текстовые и материалы: имеются/необходим рерайт (?)
Визуальное оформление: предоставлено
УТП: -
Портрет ЦА: -
Боль ЦА: -
Фото и текстовые и материалы: имеются/необходим рерайт (?)
Визуальное оформление: предоставлено
УТП: -
Тех.стек: Figma + СMS WordPress
Для миграции сайта на WordPress:
Front-End
Для миграции сайта на WordPress:
Front-End
- HTML5 — базовая разметка и структура страниц
- CSS3 — стилизация и адаптивный дизайн
- JavaScript — интерактивные элементы и валидация форм
- jQuery — упрощение работы с DOM и AJAX-запросами
- Bootstrap или Tailwind CSS — для создания адаптивного дизайна
- WordPress Core — основная CMS-платформа
- PHP 7.4+ — серверный язык программирования
- MySQL/MariaDB — система управления базами данных
- Apache/Nginx — веб-сервер
- Elementor/Beaver Builder — визуальный конструктор страниц
- WooCommerce — если требуется функционал интернет-магазина
- Yoast SEO — оптимизация для поисковых систем
- WP Migrate DB — для переноса базы данных
- All in One WP Migration — для переноса всего сайта
- WP-CLI — для автоматизации процесса миграции
- phpMyAdmin — для работы с базой данных
- FTP-клиент — для переноса файлов
- Backup plugins — для создания резервных копий
- SSL-сертификат — для защиты данных
- CDN (Cloudflare/Cloudfront) — для ускорения загрузки
- Cache plugins (WP Super Cache/W3 Total Cache) — для оптимизации производительности
- Backup solutions (UpdraftPlus/BackupBuddy) — для резервного копирования
- Minification CSS/JS файлов
- Image optimization — сжатие изображений
- Caching — настройка кэширования
- GZIP compression — сжатие данных
- Database optimization — регулярная очистка базы данных
детали
Подробный план
работ
Вариант 1
чисто перенос
Онбординг
1 день
-
Погружение в проект, изучение архитектурного решения, планирование
стоимость
время
Наименование
Тестирования
-
Программирование
до 12 дней
59т руб
Интеграция с CMS - процесс внедрения в структуру созданного сайта системы управления контентом для возможности администрирования и использования функционала ресурса для управления его содержимым
Перенос макетов и вёрстка
64т
до 14 дней
- Изучаем текущую структуру, определяем сценарии вложенности и переносим макеты основных страниц для подготовки к вёрстке
- Переносим макеты в код - проводим вёрстку. Готовим фронт к подключению бэка
Вариант 2
редизайн (UX/UI) + перенос
Исследование и проработка структуры (UX)
10 дней
40т руб
Формируем гибридную структуру с элементами древовидной и матричной. Проводим прототипирование для улучшения юзабилити (используя привычные паттерны и законы UX). Проводим расстановку смысловых акцентов и их расстановку
Онбординг
1 день
-
Погружение в проект, планирование. Смотрим"каркас" страниц и архитектуру сайта для дальнейшей работы с UX/UI. Определяем объем и направление работ
стоимость
время
Наименование
Программирование + тестирование
до 12 дней
59т руб
Проверка интеграции с CMS, корректировки при необходимости.
Проверяем связку новой вёрстки с бэком. Исправность функционала, базовые настройки SEO
Проверяем связку новой вёрстки с бэком. Исправность функционала, базовые настройки SEO
Верстка
64-70т руб
Процесс переноса дизайна в код для формирования его отображения.
При наличии корректировок приступаем к верстке после утверждения отладки
При наличии корректировок приступаем к верстке после утверждения отладки
до 14 дней
Дизайн и подготовка макетов (UI)
30-38т руб
до 7 дней
Стилизация вайрфреймов:
Подбор типографики и выстраивание иерархии шрифтов.
Работа с цветовым решением.
Расстановка акцентов.
Отображение разных состояний компонентов (наведение, нажатие ...)
Анимация и микровзаимодействия
Подбор типографики и выстраивание иерархии шрифтов.
Работа с цветовым решением.
Расстановка акцентов.
Отображение разных состояний компонентов (наведение, нажатие ...)
Анимация и микровзаимодействия
общий план
По тарифу Times&Materials:
По тарифу Fixed Price:
-
1 вариант
1 вариант
123 т рублей
2 вариант
2 вариант
от 193 до 207 т рублей
200 т рублей
Расчёт суммы по фактическому времени работы, засекаемому в программе Clockify.
Исправление недочетов, допущенных специалистом (опечатки, выравнивание по ЧФ) в учитываемое время не входят.
Исправление недочетов, допущенных специалистом (опечатки, выравнивание по ЧФ) в учитываемое время не входят.
Фиксированная стоимость за весь объём работ с ограничением доработок. Строго в рамках ТЗ.
В тариф входят три этапа согласования. Правки одного этапа оформляются единым списком. После третьего этапа согласования и внесения третьей волны правок работа в рамках тарифа завершается.
В тариф входят три этапа согласования. Правки одного этапа оформляются единым списком. После третьего этапа согласования и внесения третьей волны правок работа в рамках тарифа завершается.
3 вариант
3 вариант
от 193 т рублей
-
прозрачные процессы и
поэтапная оплата
Предоплата 50%
Предоплата вносится после подписания Договора и до начала работ. При работе по тарифу T&M вносится 50% от минимальной оценочной стоимости.
Утверждение перечня работ и результатов. Гарантии для каждой стороны. Конфиденциальность.
Пример договора
Пример договора
Подписание Акта сдачи-приёмки и передача всех Результатов Работ в рамках Задания.
Сдача-приёмка работ
Заключение договора
Доплата остатка
Доплата вносится после подписания Акта сдачи-приёмки. При работе по тарифу T&M вносится остаток от стоимости по фактическим трудозатратам.
Все процессы прозрачны: мы создаём общий чат с командой, где ведём прямую коммуникацию, оперативно отвечаем на все вопросы и презентуем Релуьтаты
Детали проекта обсуждаемы.
Если у вас остались вопросы, свяжитесь со мной любым удобным для вас способом.
Если у вас остались вопросы, свяжитесь со мной любым удобным для вас способом.
