Файлы КДВ
Полная хронология дела «Голубой орхидеи»
Маршрут 01Последовательно
Архитектура большой истории
Главная дает контекст и сразу предлагает два сценария. Читатель не теряется в объеме и выбирает подходящий формат погружения.
Архив проекта / 01Мультимедийный спецпроектМедиа / спецпроект
BAZA / DIGITAL-АРХИВ
Голубая орхидея
Большое расследование превратили в самостоятельный цифровой мир, где читатель понимает контекст и сам выбирает глубину погружения.
Наша роль
Полный цикл: арт-дирекшн, UX/UI, адаптивная разработка, интерактив и техническое SEO
01 / Задача
Из материала — в маршрут чтения
Редакция подготовила большой и чувствительный материал с полной хронологией и шестью отдельными историями. Наша задача состояла в том, чтобы превратить объем фактов в ясный цифровой маршрут, сохранить напряжение темы и дать читателю выбор глубины.
02 / Архитектура
Одна история. Два способа пройти.
Мы построили два сценария чтения: последовательный лонгрид и самостоятельные досье. Интерфейс собрали как архив секретного дела с папками, документами, пленкой, шумом и холодной типографикой. Каждая история получила отдельный URL и собственный поисковый контекст.
Операция
Голубая орхидея
Фрагмент оригинальной визуальной системы
Смотреть →
Маршрут 02По досье
Шесть точек входа
Каждое досье получило самостоятельный адрес, метаданные и связанную навигацию. Материал удобно читать и распространять по частям.
- Точка 01
Вход через главную и редакционный контекст
- Точка 02
Переход к полной хронологии
- Точка 03
Выбор отдельного досье
- Точка 04
Последовательная навигация между историями
- Точка 05
Полноэкранный просмотр иллюстраций
- Точка 06
Распространение отдельных страниц
03 / Производство
Собрали цифровую среду целиком
Полный цикл: арт-дирекшн, UX/UI, адаптивная разработка, интерактив и техническое SEO
Frame 01
Арт-дирекшн
Frame 02
Информационная архитектура
Frame 03
UX/UI-дизайн
Frame 04
Адаптивный фронтенд
Frame 05
Микроанимации
Frame 06
Техническое SEO
- 01
Как превратить большой материал в понятный маршрут чтения
- 02
Как арт-дирекшн усиливает содержание
- 03
Как сделать каждую историю самостоятельной точкой входа
04 / Масштаб
Масштаб архива
Структура, которую можно проверить в работающем проекте.
индексируемых страниц
Главная, лонгрид и шесть историй
самостоятельных досье
Каждое со своим URL и метаданными
сценария чтения
Полная хронология или отдельная история
05 / Доказательства
Визуальный язык расследования
Темная цифровая среда, бумага, папки и машинописная типографика создают узнаваемый мир. Эффекты работают на содержание и помогают ориентироваться в большой истории.
Архив досье
Реальные карточки проекта
Папка, обложки и скрепки взяты из опубликованного интерфейса Blue Orchid.
Досье 01Досье 02Досье 03
Досье 04
Досье 05
Досье 0606 / Результат
Архив, который работает как сайт
В продакшене
Получился самостоятельный редакционный digital-продукт: восемь связанных страниц, два режима чтения, адаптивная подача и визуальная система, которая удерживает атмосферу на всем пути читателя.
- 01Арт-дирекшн поддерживает содержание
- 02Два сценария чтения без потери контекста
- 03Адаптив и SEO заложены в структуру
Следующий проект
Нужен digital-спецпроект, который удерживает внимание и не теряет смысл?
Архив студии