LOVII — Платформа лояльности

PROJECT_AUDIT, site_description, lovii-market, css_audit — полный аудит и описание платформы лояльности LOVII.

← Все документы

АУДИТ ПРОЕКТА АО Платформа

Дата: 2026-02-24
Статус: Завершён

ЦЕЛЬ АУДИТА

Провести ревизию всех файлов проекта, выделить основные (используемые в index.html) и второстепенные (черновики, старые версии).

СТРУКТУРА ПРОЕКТА

ОСНОВНЫЕ ФАЙЛЫ (в корне)

Эти файлы используются для основного лендинга:

platforma/
├── index.html          # Главная страница (331 строка)
├── styles.css          # Стили (850 строк после оптимизации)
├── script.js           # Скрипты (~350 строк)
├── .gitignore          # Git исключения
├── README.md           # Документация проекта
├── CNAME               # GitHub Pages домен (aoplatforma.ru)
├── css_audit.md        # Отчёт об аудите CSS
├── site_description.md # Описание сайта
└── lovii-market.md     # Описание Lovii Market

Веб-доступные: - index.html - открывается по умолчанию - styles.css - подключается в index.html (строка 8) - script.js - подключается в index.html (строка 329) - Font Awesome - CDN (строка 7)

АРХИВ (_archive/)

Файлы которые НЕ используются в index.html:

HTML черновики и старые версии (7 файлов):

  1. 1.html (8.4KB) - Черновик/прототип
  2. demo.html (28.5KB) - Демо-версия
  3. index2.html (21.4KB) - Альтернативная версия index.html
  4. lovii-market.html (35.9KB) - Версия для Lovii Market
  5. loviim.html (30.1KB) - Сокращённая версия Lovii
  6. loviimarket.html (31.2KB) - Ещё одна версия Lovii Market
  7. platforma.html (44.5KB) - Старая полная версия лендинга

Текстовые файлы (1 файл):

  1. platforma.txt (13.2KB) - Текстовое описание/черновик

DeepSeek HTML (7 файлов):

9-15. deepseek_html_20260222_*.html (24-31KB каждый) - Черновики от DeepSeek

Итого в архиве: 15 файлов (~300KB)

АНАЛИЗ INDEX.HTML

Структура документа:

<!DOCTYPE html>
<html lang="ru" data-theme="dark">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>АО Платформа · цифровая инфраструктура</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <link rel="stylesheet" href="styles.css">
</head>

Подключённые ресурсы:

Внешние: - Font Awesome 6.0.0-beta3 (CDN)

Локальные: - styles.css - стили - script.js - скрипты

Секции лендинга:

  1. Header (хедер) - Логотип "АО Платформа" - Навигация (Продукты, Партнёрам, Франшиза, О компании, Контакты) - Кнопка смены темы (десктоп) - Бургер-меню (мобильный)

  2. Mobile Menu Overlay - Выезжающее меню для мобильных - Кнопка смены темы (мобильный)

  3. Hero Section (первый экран) - Заголовок: "Цифровая инфраструктура локальной экономики" - Описание деятельности - Кнопки: "Стать франчайзи", "Продукты"

  4. Stats Section (статистика) - 500+ партнёров - 50+ городов - 10K+ точек бизнеса

  5. Products Section (продукты) - SaaS «Лови» - Тариф 8% - Цифровая витрина - Инфраструктура под ключ - City Franchise - API для партнёров - Финансовая инфраструктура - White Label

  6. Partners Section (партнёры) - 25 компаний-партнёров - Билайн, Яндекс.Go, СДЭК, Тинькофф, 1С, Сбербанк и др.

  7. Franchise Section (франшиза) - Тарифы: Старт, Бизнес, Премиум

  8. About Section (о компании)

  9. Contacts Section (контакты)

  10. Footer (подвал)

    • Навигация
    • Документы
    • Копирайт

МЕТРИКИ

Размер файлов:

Файл Размер Строк
index.html 20.9KB 331
styles.css 18.7KB ~850
script.js 12.1KB ~350

Производительность:

  • Минимум внешних запросов (только Font Awesome CDN)
  • Нет тяжёлых изображений (используются иконки Font Awesome)
  • CSS оптимизирован (удалены дубликаты)
  • Vanilla JavaScript (без библиотек)

SEO:

  • Правильный <title>
  • Meta viewport для мобильных
  • Семантическая вёрстка (<header>, <main>, <section>, <footer>)
  • Alt текст для логотипа (через text-content)

Доступность (A11y):

  • Контрастные цвета (тёмная/светлая тема)
  • Aria-label для бургер-меню
  • Фокус на интерактивных элементах
  • Клавиатурная навигация

ТЕХНОЛОГИИ

Стек:

  • HTML5 - семантическая разметка
  • CSS3 - кастомные свойства (CSS variables), Flexbox, Grid
  • Vanilla JavaScript - без библиотек
  • Font Awesome 6 - иконки

Особенности:

  • Тёмная/светлая тема (переключение через data-theme)
  • Полностью адаптивный дизайн (mobile-first)
  • Презентационный режим (слайды, пагинация)
  • Мобильное меню с overlay
  • Плавные анимации и переходы

ОПТИМИЗАЦИЯ

Выполнено:

  1. Удалено 9 дубликатов CSS
  2. Исправлен вложенный media query
  3. Перемещено 15 лишних файлов в архив
  4. Оптимизирована структура CSS (-86 строк)
  5. Настроен мобильный theme toggle
  6. Исправлен z-index бургер-меню

Результат:

  • Размер CSS уменьшен на ~9%
  • Рабочая область очищена
  • Структура проекта упорядочена
  • Производительность улучшена

РЕКОМЕНДАЦИИ

Для разработки:

  1. Редактировать только файлы в корне
  2. Не трогать файлы в _archive/
  3. Использовать css_audit.md как справочник
  4. Проверять mobile версию в DevTools

Для развёртывания:

  1. GitHub Pages автоматически деплоит из main
  2. Домен: https://aoplatforma.ru/
  3. Все необходимые файлы в корне

Для поддержки:

  1. Следить за дубликатами в CSS
  2. Проверять контрастность тем
  3. Тестировать на мобильных устройствах
  4. Обновлять документацию

ВЫВОДЫ

Проект готов к продакшену!

Что работает:

  • Десктопная версия
  • Мобильная версия
  • Переключение тем
  • Навигация
  • Все секции лендинга

Что в порядке:

  • Код чистый, без дубликатов
  • Структура файлов логичная
  • Архив с черновиками отдельнo
  • Документация актуальная

Аудит провёл: AI Assistant
Дата завершения: 2026-02-24