Компьютер
Смартфон
Открывайте страницы и прокручивайте сайт в обоих окнах.

Сайт для знакомства с центром и управления информацией

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

Проект включает публичную часть сайта, собственную панель управления и встроенный модуль Portage. Контент распределён по страницам услуг, разделу вопросов и ответов и статьям, со связями между разделами и отдельной страницей для каждой услуги.

  • Адаптивный сайт для компьютеров и смартфонов

  • Панель управления услугами, командой, FAQ и блогом

  • Формы связи и уведомления в Telegram

  • Встроенный тест Portage и PDF-отчёты

  • Метаданные, понятные URL и структурированные данные

Технологии и архитектура

Сайт разработан на PHP с интерфейсом на HTML, CSS и JavaScript. Bootstrap отвечает за компоненты и адаптивную сетку, jQuery и Swiper — за интерактивные элементы и карусели.

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

Реализованные функции

Мы организовали страницы о центре, услугах, команде, вопросы и ответы, блог и поиск по сайту. Меню, формы, карусели и таблицы адаптированы к разным размерам экрана.

Запросы из форм сохраняются в базе для просмотра в панели, предусмотрена интеграция уведомлений в Telegram. Проверка данных, ограничение запросов и защита CSRF выполняются на сервере. Для внешнего контента реализованы настройки cookie и загрузка дополнительных медиаматериалов по выбору посетителя.

Встроенный тест Portage и PDF-отчёты

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

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

Что реализовано для SEO

Мы подготовили структуру страниц и URL, заголовки и метаописания, адреса canonical и Open Graph для публикации ссылок. На страницах услуг и статей используются подходящие структурированные данные JSON-LD, включая навигационные данные там, где они нужны.

Sitemap содержит публичные страницы и опубликованный контент, а robots.txt задаёт правила для поисковых роботов. У статей есть отдельные поля метаданных для редактирования из панели.

Давайте обсудим
Есть идея для проекта?