Сайт лонгрид
с инфографикой
с инфографикой
Анализ сайтов-конкурентов, анализ инфографики трех видов. разработка прототипа контента сайта, подбор и анализ референсов, визуальное решение, мобильная адаптация, перенос и анимация макета на Tilda, UI-kit
Создать лонгрид на тему "Почему искусство продается" с сопутствующей инфографикой
Учебный проект с разработкой инфографики; время разработки – 3 месяца
В качестве конкурентов были выбраны сайты, использующие в своих лонгридах инфографику: Arzamas, Buro, Alexey Nikishin Official, Полка и ПостНаука. Внимание было уделено преимущественно сайтам со статьями про искусство
и культуру, чтобы ориентироваться на построение блоков
и интерактивные элементы.
и культуру, чтобы ориентироваться на построение блоков
и интерактивные элементы.
Анализ конкурентов
Лонгрид посвящен теме существования искусства в капитализме. В начале работы для него был написан текст-исследование темы, в котором я рассматривала аспекты, формирующие денежную ценность предмета искусства.
Концепция
Анализ сайтов-конкурентов
UX-исследования
Анализ инфографики
Анализ инфографики
Этот этап позволил определить стилистику будущей инфографики, понять преимущества и недостатки диаграмм разных видов. В дальнейшем для проекта была выбрана статистическая, сравнительная и хронологическая инфографика.
Целевым действием в лонгриде была выбрана подписка пользователя на рассылку сайта, чтобы информировать аудиторию о выходе новых статей.
CTA лонгрида
CTA
Референсы
Подбор и анализ референсов
UI
Процесс разработки вайрфреймов и макета
Вайрфрейминг
Типографика
Минимальное количество цветов, негативное пространство, оттенки серого и акцентные насыщенные цвета в фотографиях
Цветовое решение
Процесс разработки вайрфреймов и макета
UI-kit
Лонгрид на Tilda
