[{"data":1,"prerenderedAt":108},["ShallowReactive",2],{"\u002Fcases\u002Fediting-marathon":3},{"id":4,"title":5,"alt":6,"body":7,"category":81,"description":82,"extension":83,"image":6,"images":84,"link":100,"meta":101,"navigation":102,"order":103,"path":104,"seo":105,"stem":106,"__hash__":107},"cases\u002Fcases\u002Fediting-marathon.md","Дизайн-концепт: лендинг марафона по видеомонтажу",null,{"type":8,"value":9,"toc":72},"minimark",[10,15,19,22,26,29,32,36,39,43,46,49,53],[11,12,14],"h2",{"id":13},"статус-проекта","Статус проекта",[16,17,18],"p",{},"Это самостоятельный дизайн-концепт для портфолио. У проекта нет реального заказчика.",[16,20,21],{},"Отзывы на странице тоже демонстрационные.",[11,23,25],{"id":24},"задача-сайта","Задача сайта",[16,27,28],{},"Сайт был сделан для запуска четырёхнедельного онлайн-марафона по видеомонтажу. Он рассчитан на начинающих авторов, которые хотят собирать собственные ролики, но пока теряются в многообразии програм для монтажа и не понимают, с чего начать.",[16,30,31],{},"Лендинг должен за несколько минут ответить на основные вопросы: чему посвящены четыре недели, как проходят занятия и какой ролик получится в конце. Важно было снять первый барьер. После просмотра человек понимает маршрут обучения и может перейти к программе марафона.",[11,33,35],{"id":34},"визуальный-язык","Визуальный язык",[16,37,38],{},"Основой дизайна стал интерфейс монтажной программы. Цвета и стили элементов отсылают к Premiere Pro и After Effects. Цвет клипов помогает различать видео, звук, графику и дополнительные слои.",[11,40,42],{"id":41},"интерактивная-программа","Интерактивная программа",[16,44,45],{},"Программа марафона собрана как видео\u002Fаудио дорожка из четырёх этапов. Во время прокрутки playhead движется по таймлайну, а панель под ним показывает текущую неделю, её задачу и темы.",[16,47,48],{},"Так программа читается как цельнуй курс и пользователь видит последовательный путь к результату.",[11,50,52],{"id":51},"что-сделано","Что сделано",[54,55,56,60,63,66,69],"ul",{},[57,58,59],"li",{},"структура продуктового лендинга и тексты;",[57,61,62],{},"визуальная система на основе Premiere Pro, After Effects и macOS;",[57,64,65],{},"интерактивный таймлайн, связанный с прокруткой;",[57,67,68],{},"секции формата, результата и демонстрационных отзывов;",[57,70,71],{},"адаптивная вёрстка для разных устройств;",{"title":73,"searchDepth":74,"depth":74,"links":75},"",2,[76,77,78,79,80],{"id":13,"depth":74,"text":14},{"id":24,"depth":74,"text":25},{"id":34,"depth":74,"text":35},{"id":41,"depth":74,"text":42},{"id":51,"depth":74,"text":52},"sites","Концепт сайта марафона по монтажу в стилистике Premiere Pro и After Effects.","md",[85,88,91,94,97],{"src":86,"alt":87},"\u002Fimages\u002Fcases\u002Fmontage-marathon\u002Fcurrent-hero.png","Hero-секция дизайн-концепта марафона по видеомонтажу",{"src":89,"alt":90},"\u002Fimages\u002Fcases\u002Fmontage-marathon\u002Fcurrent-program.png","Интерактивная программа марафона в виде таймлайна Premiere Pro",{"src":92,"alt":93},"\u002Fimages\u002Fcases\u002Fmontage-marathon\u002Fcurrent-format.png","Секция формата обучения в интерфейсе видеоредактора",{"src":95,"alt":96},"\u002Fimages\u002Fcases\u002Fmontage-marathon\u002Fcurrent-outcomes.png","Секция результатов с макетом готового монтажного проекта",{"src":98,"alt":99},"\u002Fimages\u002Fcases\u002Fmontage-marathon\u002Fcurrent-testimonials.png","Демонстрационные отзывы в виде карусели монтажных клипов","\u002Fshowcases\u002Fediting",{},true,0,"\u002Fcases\u002Fediting-marathon",{"title":5,"description":82},"cases\u002Fediting-marathon","EZVLdCcyXUcmi1rVkbNGH_m60KyFZ_WjbQjeqWjeZNY",1787045362220]