Презентационный сайт для исследования индустрии моды

Задача и проблема

Масштабные исследования обычно публикуют в виде PDF-документов или длинных отчетов. В них много таблиц, графиков и аналитики, но такой формат неудобен для знакомства с материалом: читателю сложно удерживать внимание, быстро находить главное и воспринимать большой объем информации.

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

О клиенте

Агентство креативных индустрий занимается поддержкой творческого бизнеса Москвы. Вместе с Департаментом предпринимательства и инновационного развития города Москвы они проанализировали состояние индустрии моды в столице. Команда Riverstart разработала сайт для его публикации.

Решение — разработка презентационного сайта исследования

Разработали сайт, который превращает почти сто страниц аналитики в последовательную визуальную историю без потери содержания.

Построили концепцию вокруг образа модного журнала

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

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

Продумали визуальную подачу аналитики

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

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

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

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

Добавили сторителлинг, чтобы исследование было интересно читать

Мы не переносили готовый отчет на сайт, а заново спроектировали сценарий знакомства с материалом. Сухую аналитику дополнили сторителлингом: подготовили вводную часть, краткий экскурс в историю индустрии и блок с прогнозами развития московского рынка. Благодаря этому пользователь сначала погружается в тему, а затем переходит к аналитическим выводам.

Такой сценарий делает исследование интересным не только специалистам fashion-индустрии, но и читателям, которые раньше не работали с этой темой.

Интегрировали видеоинтервью в структуру исследования

Авторы исследования провели 30 глубинных интервью с представителями разных направлений fashion-индустрии. Мы выбрали самые интересные фрагменты видео с ключевыми тезисами и встроили их в структуру сайта. Так статистика и аналитика дополняются мнением практиков.

Раздел с экспертами оформили как алфавитный справочник — это еще одна отсылка к печатным изданиям, которая поддерживает общую концепцию проекта и делает навигацию удобнее.

Подобрали типографику под специфику проекта

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

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

Какие задачи помогает решать такой подход

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

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

Кому актуально это решение

Такой подход подойдет организациям, которым важно представить большое исследование или аналитический материал в современном цифровом формате:

• исследовательским центрам;
• государственным организациям;
• университетам;
• консалтинговым компаниям;
• отраслевым ассоциациям;
• компаниям, которые публикуют исследования, аналитические отчеты и специальные проекты.