Создание сайта под ключ с помощью ИИ

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

Цели заказчика можно разделить на три группы:

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

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

Надёжность и безопасность. Сайт должен стабильно работать, защищать данные и не терять историю изменений.

Аудитория сайта — крупные компании, с которыми компания работает. Поэтому главная задача дизайна — спокойно и понятно показать серьёзность бизнеса, без перегруза графикой.

Заказчик выбрал платформу 1С-Битрикс. Это популярная система управления сайтом (CMS), с которой работают многие крупные российские компании.

Этап 1. Дизайн и техническое задание

Работу начали с интервью с представителями заказчика и изучения материалов о компании и текущего сайта. Дизайн-образец был собран по описанию и примерам понравившихся сайтов через ИИ Graph IO . Дизайн и техническое задание согласовывались до начала вёрстки, чтобы правки на раннем этапе стоили дешевле.

Этап 2. Тестовый контур

Тестовый контур — это копия сайта, где ведётся разработка и проверка. Он развернут на площадке заказчика и настроен под 1С-Битрикс. Главное требование здесь — тестовый и рабочий контуры должны максимально совпадать, чтобы изменения переносились без сюрпризов.

Этап 3. Разработка

Страницы сверстаны по принципу «сначала телефон, потом большие экраны». Так сайт одинаково удобно читается на смартфоне, планшете, ноутбуке и даже на телевизоре с выходом в интернет. Проверка велась на реальных устройствах и при разных размерах окна браузера.

Разработка велась на штатных средствах Битрикс. Это важно для будущих обновлений системы: сторонние модули могут перестать работать после обновления, а штатные — нет. Там, где штатных средств не хватило, решения оформлены отдельными компонентами и модулями. Для каждого описаны назначение и архитектура, чтобы будущие специалисты могли разобраться в коде.

[Вставить скриншоты: главная, страница услуги, мобильная версия]

Этап 4. Наполнение и оптимизация

Материалы заказчика — статьи, изображения и видео — были оптимизированы и загружены на сайт. Изображения сжаты без видимой потери качества, чтобы страницы открывались быстрее. Настроены заголовки и описания страниц для поисковых систем (SEO).

Этап 5. Тестирование

Сайт проверяли по трём направлениям: функции, интерфейс и безопасность. Кроме ручной проверки, прогоняли встроенные диагностические тесты Битрикс. Требование — пройти не менее 90% из них. Скорость загрузки оптимизировали через сжатие файлов, кэширование страниц и очистку кода.

Безопасность

Защита строилась по нескольким направлениям:

• Права доступа по ролям. Редактор меняет тексты, но не может менять настройки системы.

• Журнал изменений. Видно, кто и когда изменил содержимое страницы.

• Журнал событий безопасности. Фиксируются входы в систему, создание и удаление пользователей, а также IP-адреса.

• Защита от типовых атак. Код написан с учётом защиты от SQL-инъекций и XSS-атак (это способы взлома через поля ввода и ссылки).

• Надёжные пароли. Требования к сложности паролей, генерация паролей при регистрации.

Этап 6. Документация и обучение

Заказчик получил руководство пользователя в электронном виде, описание архитектуры сайта и инструкции по резервному копированию. Сотрудники, которые публикуют материалы, прошли обучение по управлению контентом, а их знания проверили. Цель — чтобы команда заказчика могла самостоятельно обновлять сайт.

Этапы 7–8. Запуск

Сайт развернули на хостинге заказчика. Перед публикацией провели опытную эксплуатацию: проверили, что на сайте нет ошибок в функциях, интерфейсе и работе с данными. Настроили аналитику и резервное копирование. Резервную копию проверили на деле: восстановили из неё сайт и показали, что он работает.

Этап 9. Поддержка

После запуска действует гарантия: сайт работает по ТЗ при правильной эксплуатации. Срок исправления замечаний — до одного рабочего дня для срочных обращений. Дальше сопровождение продолжается по отдельному соглашению.

Запущен новый корпоративный сайт allotrope.ru. Он работает на 1С-Битрикс, адаптивен под любой экран и защищён от типовых атак. Заказчик сам управляет содержимым, а история изменений хранится в системе.

Показатели, после запуска:

• Скорость загрузки главной страницы: было 0,5 секунд.

• Результаты диагностических тестов Битрикс: пройдено 100 %.

• Устройства и браузеры, на которых проверен сайт: [уточнить].

• Срок сдачи: 35 рабочих дней от утверждения ТЗ при плановых 50.