/
CoderKsu
/
Project_1
Обзор
Документация
Войти
/
CoderKsu
/
Project_1
Код
Запросы
1
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
plan-IT.html
381 строка
25 KB
CoderKsu
add modal
03 авг 2026, 16:17
03 авг 2026, 16:17
496cad7
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw==" crossorigin="anonymous" referrerpolicy="no-referrer"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script> <script src="main.js" defer></script> <link rel="stylesheet" href="styles.css"> <title>План IT (ИТ)-проекта</title> </head> <body> <header class="header"> <div class="container"> <div class="header_inner"> <a class="logo" href="#" >L8</a> <nav class="main_nav"> <ul class="nav_bar_list"> <li><a class="nav_bar_link" href="#">О компании</a></li> <li><a class="nav_bar_link" href="#">Услуги</a></li> <li><a class="nav_bar_link" href="#">Кейсы</a></li> <li><a class="nav_bar_link" href="#">Блог</a></li> <li><a class="nav_bar_link" href="#">Вакансии</a></li> <li><a class="nav_bar_link" href="#">Контакты</a></li> </ul> <div class="menu_btn"> <i class="fa-solid fa-bars"></i> </div> <div class="dropdown_menu"> <ul> <li class="dropdown_menu_links"><a href="#">О компании</a></li> <li class="dropdown_menu_links"><a href="#">Услуги</a></li> <li class="dropdown_menu_links"><a href="#">Кейсы</a></li> <li class="dropdown_menu_links"><a href="#">Блог</a></li> <li class="dropdown_menu_links"><a href="#">Вакансии</a></li> <li class="dropdown_menu_links"><a href="#">Контакты</a></li> </ul> </div> </nav> <div class="number"> <p>+7 495 128 83 83</p> </div> </div> </div> </header> <main> <section class="service_header"> <div class="container"> <div class="service_header_block"> <p class="part_service">Услуга</p> <h2 class="service_header_title">План IT (ИТ)-проекта</h2> <p class="service_header_text">Проффессиональное планрование IT-проектов любой сложности. Разработка комплексного плана IT проета с учетом всех требований, сроков и бюджетных ограничений. Гарантируем качественное планирование IT проекта для достижения поставленных бизнес-целей.</p> <button class="btn service_calculat_btn scroll-to" data-target="calculator">Рассчитать стоимость</button> <button class="btn service_order_btn open-modal-btn" type="button" data-modal-target="modal">Заказать консультацию</button> </div> </div> </section> <section class="service_description"> <div class="container"> <div class="block_service_description"> <div class="service_description_text"> <h2 class="service_description_title">Планирование IT проекта: специализация и этапы работы</h2> <p><b>Специализация: </b>разработка комплексных планов IT проектов для бизнеса различного масштаба - от стартапов до корпоративных решений.</p> <p><b>Принцип работы: </b>системный подход к планированию IT проекта, включающий анализ требований, оценку рисков, планирование ресурсов и формирование дорожной карты.</p> <p><b>Этапы разработки плана IT проекта:</b></p> <ol class="service_description_list"> <li>Сбор и анализ бизнес-требований</li> <li>Формирование технического задания</li> <li>Создание WBS-структуры работ</li> <li>Оценка трудозатрат и сроков</li> <li>Планирование ресурсов и бюджета</li> <li>Определение контрольных точек и метрик</li> </ol> <p>Наше планирование IT проекта обеспечивает четкое понимание объема работ, сроков реализации и необходимых ресурсов для успешного выполнения проекта.</p> </div> <div class="service_description_img"> <img class="service_description_img_item" src="img/image-for-service.png" alt=""> </div> </div> </div> </section> <section class="service_calculat" id="calculator"> <div class="container"> <div class="block_service_calculat"> <h2 class="service_calculat_title">Рассчитайте стоимость разработки IT проекта</h2> <div class="wrapper_range"> <label class="label_range" for="difficulty">Сложность проекта:</label> <div class="range_tooltip"></div> <input class="input_range" type="range" id="difficulty" name="difficulty" min="1" max="3" value="2"> <div class="wrapper_numbers_range"> <p class="level_range_text">Простой</p> <p class="level_range_text">Средний</p> <p class="level_range_text">Сложный</p> </div> <p class="change_level_range">Средняя сложность</p> </div> <div class="wrapper_range"> <label class="label_range" for="period">Срок реализации проекта:</label> <div class="range_tooltip"></div> <input class="input_range" type="range" id="period" name="period" min="1" max="24" value="6"> <div class="wrapper_numbers_range"> <p class="level_range_text">1 месяц</p> <p class="level_range_text">12 месяцев</p> <p class="level_range_text">24+ месяца</p> </div> <p class="change_level_range">6 месяцев</p> </div> <div class="wrapper_range"> <label class="label_range" for="integrations">Количество интеграций с внешними системами:</label> <div class="range_tooltip"></div> <input class="input_range" type="range" id="integrations" name="integrations" min="0" max="10" value="2"> <div class="wrapper_numbers_range"> <p class="level_range_text">0</p> <p class="level_range_text">5</p> <p class="level_range_text">10+</p> </div> <p class="change_level_range">2 интеграции</p> </div> <div class="service_calculat_items"> <div class="block_calculat_item"> <h4 class="calculat_item_title">Базовый план IT проекта</h4> <p class="calculat_item_price">35 000 ₽</p> <ul class="calculat_item_list"> <li class="calculat_item">ТЗ и WBS-структура</li> <li class="calculat_item">Оценка трудозатрат</li> <li class="calculat_item">Дорожная карта проекта</li> </ul> <div class="block_calculat_items_btn"> <button type="button" class="btn calculat_items_btn">Заказать</button> </div> </div> <div class="block_calculat_item calculat_items_white"> <h4 class="calculat_item_title">Расширенный план IT-проекта</h4> <p class="calculat_item_price">от 57 000 ₽</p> <div class="block_calculat_items_btn"> <button type="button" class="btn calculat_items_btn">Выбрать</button> </div> </div> <div class="block_calculat_item"> <h4 class="calculat_item_title">Комплексное планирование</h4> <p class="calculat_item_price">от 90 000 ₽</p> <ul class="calculat_item_list"> <li class="calculat_item">Полное сопровождение</li> <li class="calculat_item">Регулярные корректировки</li> <li class="calculat_item">Стратегическое планирование</li> </ul> <div class="block_calculat_items_btn"> <button type="button" class="btn calculat_items_btn">Обсудить</button> </div> </div> </div> </div> </div> </section> <section class="service_include"> <div class="container"> <h2 class="service_title">Состав работ по планированию IT проекта</h2> <div class="wrapper_items"> <div class="block_include_items"> <h4 class="item_title_green">Сбор требований и анализ</h4> <ul class="include_items_list"> <li class="include_item">Интервью с заинтересованными сторонами</li> <li class="include_item">Анализ бизнес-процессов</li> <li class="include_item">Формирование требований</li> <li class="include_item">Определение целей и KPI</li> </ul> </div> <div class="block_include_items"> <h4 class="item_title_green">Формирование ТЗ и WBS</h4> <ul class="include_items_list"> <li class="include_item">Разработка технического задания</li> <li class="include_item">Создание WBS-структуры работ</li> <li class="include_item">Декомпозиция задач</li> <li class="include_item">Определение зависимостей</li> </ul> </div> <div class="block_include_items"> <h4 class="item_title_green">Оценка и планирование</h4> <ul class="include_items_list"> <li class="include_item">Оценка трудозатрат</li> <li class="include_item">Планирование ресурсов</li> <li class="include_item">Составление бюджета</li> <li class="include_item">Определение сроков</li> </ul> </div> </div> </div> </section> <section class="service_who-fits"> <div class="container"> <h2 class="service_title">Кому подходит услуга планирования IT проекта</h2> <div class="wrapper_items"> <div class="block_who-fits_item"> <h4 class="item_title">Малый бизнес и стартапы</h4> <p class="item_text_global">Компании, запускающие первые IT проекты и нуждающиеся в четком плане IT проекта для привлечения инвестиций и эффективного использования ограниченых ресурсов.</p> </div> <div class="block_who-fits_item"> <h4 class="item_title">Средний бизнес</h4> <p class="item_text_global">Растущие компании, внедряющие корпоративные системы (CRM, ERP) и требующие проффессионального планирования IT проекта для минимизации рисков и контроля бюджета.</p> </div> <div class="block_who-fits_item"> <h4 class="item_title">Крупный бизнес</h4> <p class="item_text_global">Корпорации с комплексными IT-инициативами, требующие детального плана IT проекта с учетом интеграций, миграций данных и организационных изменений.</p> </div> <div class="block_who-fits_item"> <h4 class="item_title">ИТ-компании и разработчики</h4> <p class="item_text_global">Команды разработки, нуждающиеся в структурированном подходе к планированию IT проекта для повышения предсказуемости сроков и качества результатов.</p> </div> </div> </div> </section> <section class="service_result"> <div class="container"> <h2 class="service_title">Результат разработки плана IT проекта</h2> <div class="wrapper_result_items"> <div class="block_result_item"> <h4 class="item_title_green">Четкое понимание проекта</h4> <p class="item_text_global">Детализированный план IT проекта с определенными целями, сроками, бюджетом и ответственными, что обеспечивает прозрачность на всех этапах.</p> </div> <div class="block_result_item"> <h4 class="item_title_green">Контроль бюджета и сроков</h4> <p class="item_text_global">Возможность точного отслеживания расходов и сроков выполнения работ благодаря детальному планированию IT проекта.</p> </div> <div class="block_result_item"> <h4 class="item_title_green">Снижение рисков</h4> <p class="item_text_global">Заблаговременное выявление потенциальных проблем и разработка стратегий их минимизации в рамках IT проекта.</p> </div> </div> </div> </section> <section class="service_advantages"> <div class="container"> <h2 class="service_title">Преимущества планирования IT проекта с LAN8</h2> <div class="wrapper_service_advantages"> <div class="service_advantages_items"> <h4 class="item_title_green">Опыт с 2010 года</h4> <p class="item_text_global">Более 10 лет успешного планирования и реализации IT-проектов различной сложности для бизнеса в Москве и регионах.</p> </div> <div class="service_advantages_items"> <h4 class="item_title_green">Сертифицированные специалисты</h4> <p class="item_text_global">Команда PMP и ITIL сертифицированных менеджеров с опытом планирования IT проектов в различных отраслях.</p> </div> <div class="service_advantages_items"> <h4 class="item_title_green">Комплексный подход</h4> <p class="item_text_global">Полный цикл планирования IT проекта: от сбора требований до формирования дорожной карты и плана коммуникаций.</p> </div> <div class="service_advantages_items"> <h4 class="item_title_green">Гибкие методологии</h4> <p class="item_text_global">Применяем Agile, Waterfall и гибридные подходы к планированию IT проекта в зависимости от специфики задачи.</p> </div> <div class="service_advantages_items"> <h4 class="item_title_green">Прозрачность процесса</h4> <p class="item_text_global">Регулярная отчетность и вовлечение заказчика на всех этапах разработки плана IT проекта.</p> </div> <div class="service_advantages_items"> <h4 class="item_title_green">Ориентация на результат</h4> <p class="item_text_global">Фокус на достижении бизнес-целей заказчика через качественное планирование IT проекта.</p> </div> </div> </div> </section> <section class="service_projects"> <div class="container"> <h2 class="service_title">Реализованные проекты по планированию IT проектов</h2> <div class="wrapper_items"> <div class="block_items"> <h4 class="item_title">План IT проекта для внедрения CRM</h4> <p class="item_text_global">Разработка комплексного плана IT проекта по внедрению CRM-системы в сети розничных магазинов (25 точек). Включало планирование интеграций, миграции данных и обучения персонала.</p> <a class="link_read_more" href="#">Подробнее о кейсе →</a> </div> <div class="block_items"> <h4 class="item_title">Планирование IT проекта модернизации ИТ-инфраструктуры</h4> <p class="item_text_global">Создание детального плана IT проекта по модернизации ИТ-инфраструктуры комиссии производственного предприятия с 500+ рабочими местами и миграцией в облако.</p> <a class="link_read_more" href="#">Подробнее о кейсе →</a> </div> <div class="block_items"> <h4 class="item_title">План разработки мобильного приложения</h4> <p class="item_text_global">Комплексное планирование IT проекта по созданию мобильного приложения для банковского сектора с учетом требований безопасности и интеграции с бэкенд-системами.</p> <a class="link_read_more" href="#">Подробнее о кейсе →</a> </div> </div> </div> </section> <section class="service_associated"> <div class="container"> <h2 class="service_title">Связанные услуги</h2> <div class="wrapper_items"> <div class="block_items block_items_center"> <h4 class="item_title_green">Управление IT проектами</h4> <p class="item_text_global">Полный цикл управления IT проектами от инициации до завершения с гарантией результата</p> </div> <div class="block_items block_items_center"> <h4 class="item_title_green">Управление рисками в IT проектах</h4> <p class="item_text_global">Идентификация, анализ и минимизация рисков на всех этапах IT проекта</p> </div> <div class="block_items block_items_center"> <h4 class="item_title_green">IT-аудит и консалтинг</h4> <p class="item_text_global">Экспертная оценка текущей IT-инфраструктуры и разработка рекомендаций по оптимизации</p> </div> </div> </div> </section> <section class="service_questions"> <div class="container"> <h2 class="service_title">Часто задаваемые вопросы по планированию IT проекта</h2> <div class="wrapper_service_questions"> <div class="block_questions_item"> <h4 class="item_title service_item_title_questions">Сколько стоит разработка плана IT проекта?</h4> <p class="item_text_global">Стоимость планирования IT проекта начинается от 25 000 рублей и зависит от сложности проекта, сроков реализации и количества интеграций. Точную стоимость можно рассчитать с помощью калькулятора выше.</p> </div> <div class="block_questions_item"> <h4 class="item_title service_item_title_questions">Сколько времени занимает планирование IT проекта?</h4> <p class="item_text_global">Разработка плана IT проекта занимает от 5 до 20 рабочих дней в зависимости от объема и сложности проекта. Для срочных задач возможно ускоренное планирование.</p> </div> <div class="block_questions_item"> <h4 class="item_title service_item_title_questions">Что входит в план IT проекта?</h4> <p class="item_text_global">Типовой план IT проекта включает: техническое задание, WBS-структуру работ, оценку трудозатрат, план ресурсов, бюджет, график работ, план управления рисками и коммуникациями.</p> </div> <div class="block_questions_item"> <h4 class="item_title service_item_title_questions">Нужно ли техническое образование для работы с вами?</h4> <p class="item_text_global">Нет, наши специалисты помогут сформулировать требования на понятном бизнес-языке. Мы выступаем мостом между бизнес-задачами и технической реализацией.</p> </div> <div class="block_questions_item block_questions_withoutborder"> <h4 class="item_title service_item_title_questions">Можно ли корректировать план IT проекта в процессе работы?</h4> <p class="item_text_global">Да, план IT проекта - живой документ. Мы предусматриваем процедуры изменения плана при возвышении новых требований или изменении условий проекта.</p> </div> </div> </div> </section> <section class="form_second"> <div class="container"> <div class="container_form_second"> <h2 class="form_second_title">Нужна поддержка или консультация по IT-инфраструктуре?</h2> <p class="form_second_text">Оставте заявку, и наш специалист свяжется с вами в течении 15 минут для согласования деталей выезда IT-инженера.</p> <form action="" method="get"> <label class="form__main form_label" for="username">Имя</label> <input class="form__main form_input" type="text" id="username"> <label class="form__main form_label" for="phone">Телефон</label> <input class="form__main form_input" type="text" id="phone"> <label class="form__main form_label" for="task">Кратко опишите задачу</label> <textarea class="form__main form_textarea" id="task"></textarea> <input class="btn input_btn_second" type="submit" value="Отправить заявку на выезд инженера"> </form> <p class="form_text_second">Нажимая кнопку, вы соглашаетесь с политикой конфиденциальности</p> </div> </div> </section> </main> <footer class="footer_second"> <div class="container"> <nav class="footer_nav"> <ul class="footer_list_second"> <li class="footer_list_item"> <h3 class="footer_title_second">L8</h3> </li> <li class="footer_list_item">Комплексное IT-обслуживание бизнеса в Москве и области с 2010 года.</li> </ul> <ul class="footer_list_second"> <li class="footer_list_item"> <h3 class="footer_title_second">Контакты</h3> </li> <li class="footer_list_item">Телефон: <a class="footer_link_second" href="#">+7 495 128 83 83</a></li> <li class="footer_list_item">Email: <a class="footer_link_second" href="#">info@lan8.ru</a></li> <li class="footer_list_item">Адрес: Москва, ул. Примерная, д. 1</li> </ul> <ul class="footer_list_second"> <li class="footer_list_item"> <h3 class="footer_title_second">Услуги</h3> </li> <li class="footer_list_item"><a class="footer_link_second" href="#">Аутсорсинг IT</a></li> <li class="footer_list_item"><a class="footer_link_second" href="#">Выезд инженера</a></li> <li class="footer_list_item"><a class="footer_link_second" href="#">Обслуживание серверов</a></li> </ul> </nav> <p class="footer_copy">©2023 LAN8. Все права защищены.</p> </div> </footer> </body> </html>