[ ← НАЗАД К ПРОЕКТАМ ]
cat ~/project_meta.sys

$ cat ~/project_meta.sys


DLB MEDIA — САЙТ КРЕАТИВНОГО АГЕНТСТВА

Имиджевый full-stack сайт для агентства коммуникаций и креативных решений. Проект соединяет выразительную арт-дирекцию, живую анимацию и внятную маркетинговую структуру с рабочим контуром обработки заявок: API, уведомления, статистика, архив лидов и защищённая админ-панель.

React Vite GSAP Express SQLite Admin
PRJ-06 DLB MEDIA CREATIVE AGENCY / FULL STACK
[ РАЗБОР ПРОЕКТА ↓ ]
cat ~/task.txt

$ cat ~/task.txt


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

cat ~/my_role.txt

$ cat ~/my_role.txt


  • Архитектура лендинга и пользовательский маршрут от первого экрана до заявки.
  • Разработка React-интерфейса, адаптива и системы переиспользуемых секций.
  • Анимационная режиссура и микровзаимодействия на GSAP и CSS.
  • Backend для заявок, уведомлений, статистики и административных сценариев.
  • Подготовка production-сборки и серверного контура для VPS-развёртывания.
cat ~/feature_map.txt

$ cat ~/feature_map.txt


  • Динамичный hero, бегущие строки и последовательная история о ценности агентства.
  • Секции услуг, решений, клиентов, команды, преимуществ и FAQ.
  • Анимированная витрина команды и аккуратные состояния интерактивных элементов.
  • Форма заявки с согласием, юридическими материалами и серверной валидацией.
  • Админ-панель: лиды, архив, поиск, статистика, получатели писем и бэкапы.
cat ~/stack.txt

$ cat ~/stack.txt


  • React 19 + Vite для компонентного интерфейса и быстрой сборки.
  • GSAP, CSS Modules и responsive layout для анимаций и визуальной системы.
  • Node.js + Express для API, сессий и административных маршрутов.
  • SQLite, bcrypt и rate limiting для данных, авторизации и базовой защиты.
  • Nodemailer, резервные копии и конфигурация через environment variables.
  • Nginx / HTTPS / VPS как production-контур проекта.
cat ~/result.txt

$ cat ~/result.txt


Получился цельный digital-продукт: публичная часть работает как эмоциональная презентация агентства, а внутренняя — как компактная система обработки обращений. Кейс показывает одновременно арт-дирекцию, адаптивный frontend, анимации, работу с формами, backend, хранение данных и административный интерфейс.

cat ~/workflow.txt

$ cat ~/workflow.txt


  • Контентная архитектура → визуальная концепция → компонентная сборка.
  • Анимации добавлялись после проверки базового пользовательского сценария.
  • Desktop и mobile состояния тестировались как отдельные композиции.
  • Форма и админка объединены общим API и рабочей моделью данных.
cat ~/notes.txt

$ cat ~/notes.txt


  • Главный визуальный приём — контролируемый контраст: почти монохромная база и коралловый акцент.
  • Секции собраны с разным ритмом, поэтому длинная страница ощущается как последовательность сцен.
  • Анимация усиливает характер бренда, но сохраняет доступность и отключается при reduced motion.
  • Отдельная админ-панель превращает промо-сайт в законченный рабочий инструмент агентства.
cat ~/signal_map.txt 
┌──────────────────────┐
│  DLB MEDIA / PRJ-06  │
│  ~~~╲__╱~~~╲__╱~~~  │
│  IDEA → STORY → LEAD │
│  SITE + API + ADMIN  │
└──────────────────────┘