[{"data":1,"prerenderedAt":327},["ShallowReactive",2],{"portfolio-cases":3},[4,109,226],{"id":5,"title":6,"alt":7,"body":8,"category":82,"description":83,"extension":84,"image":7,"images":85,"link":101,"meta":102,"navigation":103,"order":104,"path":105,"seo":106,"stem":107,"__hash__":108},"cases\u002Fcases\u002Fediting-marathon.md","Дизайн-концепт: лендинг марафона по видеомонтажу",null,{"type":9,"value":10,"toc":73},"minimark",[11,16,20,23,27,30,33,37,40,44,47,50,54],[12,13,15],"h2",{"id":14},"статус-проекта","Статус проекта",[17,18,19],"p",{},"Это самостоятельный дизайн-концепт для портфолио. У проекта нет реального заказчика.",[17,21,22],{},"Отзывы на странице тоже демонстрационные.",[12,24,26],{"id":25},"задача-сайта","Задача сайта",[17,28,29],{},"Сайт был сделан для запуска четырёхнедельного онлайн-марафона по видеомонтажу. Он рассчитан на начинающих авторов, которые хотят собирать собственные ролики, но пока теряются в многообразии програм для монтажа и не понимают, с чего начать.",[17,31,32],{},"Лендинг должен за несколько минут ответить на основные вопросы: чему посвящены четыре недели, как проходят занятия и какой ролик получится в конце. Важно было снять первый барьер. После просмотра человек понимает маршрут обучения и может перейти к программе марафона.",[12,34,36],{"id":35},"визуальный-язык","Визуальный язык",[17,38,39],{},"Основой дизайна стал интерфейс монтажной программы. Цвета и стили элементов отсылают к Premiere Pro и After Effects. Цвет клипов помогает различать видео, звук, графику и дополнительные слои.",[12,41,43],{"id":42},"интерактивная-программа","Интерактивная программа",[17,45,46],{},"Программа марафона собрана как видео\u002Fаудио дорожка из четырёх этапов. Во время прокрутки playhead движется по таймлайну, а панель под ним показывает текущую неделю, её задачу и темы.",[17,48,49],{},"Так программа читается как цельнуй курс и пользователь видит последовательный путь к результату.",[12,51,53],{"id":52},"что-сделано","Что сделано",[55,56,57,61,64,67,70],"ul",{},[58,59,60],"li",{},"структура продуктового лендинга и тексты;",[58,62,63],{},"визуальная система на основе Premiere Pro, After Effects и macOS;",[58,65,66],{},"интерактивный таймлайн, связанный с прокруткой;",[58,68,69],{},"секции формата, результата и демонстрационных отзывов;",[58,71,72],{},"адаптивная вёрстка для разных устройств;",{"title":74,"searchDepth":75,"depth":75,"links":76},"",2,[77,78,79,80,81],{"id":14,"depth":75,"text":15},{"id":25,"depth":75,"text":26},{"id":35,"depth":75,"text":36},{"id":42,"depth":75,"text":43},{"id":52,"depth":75,"text":53},"sites","Концепт сайта марафона по монтажу в стилистике Premiere Pro и After Effects.","md",[86,89,92,95,98],{"src":87,"alt":88},"\u002Fimages\u002Fcases\u002Fmontage-marathon\u002Fcurrent-hero.png","Hero-секция дизайн-концепта марафона по видеомонтажу",{"src":90,"alt":91},"\u002Fimages\u002Fcases\u002Fmontage-marathon\u002Fcurrent-program.png","Интерактивная программа марафона в виде таймлайна Premiere Pro",{"src":93,"alt":94},"\u002Fimages\u002Fcases\u002Fmontage-marathon\u002Fcurrent-format.png","Секция формата обучения в интерфейсе видеоредактора",{"src":96,"alt":97},"\u002Fimages\u002Fcases\u002Fmontage-marathon\u002Fcurrent-outcomes.png","Секция результатов с макетом готового монтажного проекта",{"src":99,"alt":100},"\u002Fimages\u002Fcases\u002Fmontage-marathon\u002Fcurrent-testimonials.png","Демонстрационные отзывы в виде карусели монтажных клипов","\u002Fshowcases\u002Fediting",{},true,0,"\u002Fcases\u002Fediting-marathon",{"title":6,"description":83},"cases\u002Fediting-marathon","EZVLdCcyXUcmi1rVkbNGH_m60KyFZ_WjbQjeqWjeZNY",{"id":110,"title":111,"alt":7,"body":112,"category":204,"description":205,"extension":84,"image":7,"images":206,"link":219,"meta":220,"navigation":103,"order":221,"path":222,"seo":223,"stem":224,"__hash__":225},"cases\u002Fcases\u002Ftg-taro-bot.md","Telegram-бот с ИИ для раскладов Таро",{"type":9,"value":113,"toc":196},[114,118,121,124,128,131,139,142,145,149,152,155,159,162,179,182,186,189,193],[12,115,117],{"id":116},"задача","Задача",[17,119,120],{},"Заказчику нужен был бот, который давал людям понятный повод подписаться на его Telegram-каналы. Человек получает бесплатный расклад с персональной трактовкой, а доступ открывается после подписки на указанные каналы.",[17,122,123],{},"Условия подписки могли меняться, поэтому привязывать их к коду было неудобно. Владелец должен был сам добавлять и заменять каналы, запускать рассылки, следить за статистикой и сбрасывать лимиты. Все это требовалось разместить внутри Telegram, без отдельной панели управления.",[12,125,127],{"id":126},"как-проходит-расклад","Как проходит расклад",[17,129,130],{},"После запуска бот проверяет, подписан ли пользователь на нужные каналы. Если условие выполнено, можно выбрать один из двух сценариев:",[55,132,133,136],{},[58,134,135],{},"«Да\u002Fнет» с одной картой для короткого ответа;",[58,137,138],{},"расклад на трех картах для собственного вопроса.",[17,140,141],{},"Бот показывает выпавшие карты, а ChatGPT формирует трактовку для конкретного расклада. ИИ используется в обоих сценариях и учитывает набор карт в ответе.",[17,143,144],{},"Для раскладов действует общий суточный лимит, который распространяется на оба формата.",[12,146,148],{"id":147},"решение","Решение",[17,150,151],{},"Я связал в одном боте три части: проверку подписки, расклады с трактовкой через ChatGPT и кнопочную админку. Пользователь проходит весь путь в привычном чате. После проверки подписки он выбирает формат расклада и получает ответ, не переходя на сайт и не создавая отдельный аккаунт.",[17,153,154],{},"Список обязательных каналов вынесен в настройки. Если условия меняются, владелец обновляет их через меню, и бот продолжает работать по новому списку. Для остальных операций используется та же кнопочная админка, поэтому повседневное управление не требует правок кода.",[12,156,158],{"id":157},"админка-внутри-telegram","Админка внутри Telegram",[17,160,161],{},"Управление ботом также построено на обычных Telegram-кнопках. Администратор может:",[55,163,164,167,170,173,176],{},[58,165,166],{},"посмотреть статистику и выгрузить пользовательскую базу;",[58,168,169],{},"отправить рассылку аудитории бота;",[58,171,172],{},"изменить ссылки и список обязательных каналов;",[58,174,175],{},"управлять спонсорами и администраторами;",[58,177,178],{},"сбросить пользовательские лимиты.",[17,180,181],{},"Такой формат закрывает ежедневные операции владельца и не требует отдельной системы управления.",[12,183,185],{"id":184},"моя-роль","Моя роль",[17,187,188],{},"Я самостоятельно собрал проект целиком: продумал пользовательский сценарий и административную часть, реализовал проверку подписки и лимитов, подключил ChatGPT и запустил бота.",[12,190,192],{"id":191},"итог","Итог",[17,194,195],{},"Бот запущен и связывает доступ к раскладам с подпиской на нужные каналы. Пользователь проходит весь сценарий в Telegram, а владелец там же управляет каналами, лимитами и рассылками.",{"title":74,"searchDepth":75,"depth":75,"links":197},[198,199,200,201,202,203],{"id":116,"depth":75,"text":117},{"id":126,"depth":75,"text":127},{"id":147,"depth":75,"text":148},{"id":157,"depth":75,"text":158},{"id":184,"depth":75,"text":185},{"id":191,"depth":75,"text":192},"bots","Бот проверяет обязательную подписку и выдает расклады «да\u002Fнет» или по своему вопросу. ChatGPT формирует трактовку, а встроенная админка помогает управлять каналами, рассылками и лимитами.",[207,210,213,216],{"src":208,"alt":209},"\u002Fimages\u002Fcases\u002Ftaro0.png","Профиль Telegram-бота с описанием бесплатных раскладов Таро",{"src":211,"alt":212},"\u002Fimages\u002Fcases\u002Ftaro1.png","Выбор расклада «да\u002Fнет» на одной карте или расклада по вопросу на трех картах",{"src":214,"alt":215},"\u002Fimages\u002Fcases\u002Ftaro2.png","Ответ Таро-бота с картой «Двойка Кубков» и трактовкой расклада",{"src":217,"alt":218},"\u002Fimages\u002Fcases\u002Ftaro3.png","Кнопочная админка Таро-бота со статистикой, рассылкой и управлением каналами","https:\u002F\u002Ft.me\u002Fkarty_gadania_bot",{},1,"\u002Fcases\u002Ftg-taro-bot",{"title":111,"description":205},"cases\u002Ftg-taro-bot","spU1PplK7BOQq4caBTV1QsCxObzK2YPCqBm1wlKkYVk",{"id":227,"title":228,"alt":7,"body":229,"category":204,"description":307,"extension":84,"image":7,"images":308,"link":321,"meta":322,"navigation":103,"order":75,"path":323,"seo":324,"stem":325,"__hash__":326},"cases\u002Fcases\u002Fadadelta.md","AdaDelta: Discord-бот для киберпанк TRP-сервера",{"type":9,"value":230,"toc":299},[231,233,236,239,243,246,249,252,256,259,276,279,283,286,289,291,294,296],[12,232,117],{"id":116},[17,234,235],{},"Дискорд сервер Cyber-Инфузия работает в формате текстовой ролевой игры в киберпанк-стилистике. Его владельцу не хватало возможностей популярных бесплатных Discord-ботов. В одних не было нужных игровых команд, другие нельзя было достаточно глубоко настроить под правила и лор сервера. Даже подходящие функции оставались разрозненными и не складывались в одну игровую систему.",[17,237,238],{},"Нужен был собственный бот, который сопровождал бы игрока от создания персонажа до регулярных игровых действий, а менеджерам дал инструменты для управления этими механиками.",[12,240,242],{"id":241},"от-отдельных-команд-к-единой-системе","От отдельных команд к единой системе",[17,244,245],{},"AdaDelta включает больше ста пользовательских и менеджерских команд. Все они работают с общими данными персонажа согласно правилам сервера.",[17,247,248],{},"Новый участник начинает с создания персонажа. Бот последовательно собирает основную информацию по подготовленному сервером шаблону, а дополнительные детали можно вынести в отдельную ветку. После создания анкеты игрок получает доступ к остальным механикам через меню «Сенсориум».",[17,250,251],{},"Вместо длинного списка команд меню делит возможности на понятные разделы: персонаж, взаимодействия, бой, проверки, экипировка, перемещение, карта, ежедневные действия и помощь.",[12,253,255],{"id":254},"основные-игровые-механики","Основные игровые механики",[17,257,258],{},"Внутри AdaDelta связаны несколько подсистем:",[55,260,261,264,267,270,273],{},[58,262,263],{},"персонажи, их анкеты, характеристики, способности и развитие;",[58,265,266],{},"навыки, прокачка и проверки игровых действий;",[58,268,269],{},"экономика, инвентарь и экипировка;",[58,271,272],{},"боевые механики, эффекты и взаимодействия между персонажами;",[58,274,275],{},"перемещение, карты, квесты и ежедневная активность.",[17,277,278],{},"Игроку не нужно переключаться между несколькими ботами с разными командами и правилами. Основные действия проходят через один интерфейс и используют единую логику сервера.",[12,280,282],{"id":281},"инструменты-для-менеджеров","Инструменты для менеджеров",[17,284,285],{},"Отдельный набор команд предназначен для команды Cyber-Инфузии. Через него менеджеры могут работать с анкетами и персонажами, добавлять способности, баффы и дебаффы, управлять картами, квестами и другими игровыми сущностями.",[17,287,288],{},"Эти операции встроены в Discord и доступны рядом с самим игровым процессом. Владельцу не нужно подстраивать правила проекта под ограничения универсального бесплатного бота.",[12,290,185],{"id":184},[17,292,293],{},"Владелец сервера подготовил техническое задание и описал необходимые механики. Я отвечал в основном за разработку AdaDelta, а по ходу работы предлагал корректировки там, где сценарий можно было сделать понятнее или лучше связать с остальными частями системы.",[12,295,192],{"id":191},[17,297,298],{},"Сервер получил собственного Discord-бота, настроенного под его лор, роли и игровые правила. По наблюдениям владельца Cyber-Инфузии, после запуска AdaDelta улучшилось удержание новичков и выросла общая вовлеченность в игру.",{"title":74,"searchDepth":75,"depth":75,"links":300},[301,302,303,304,305,306],{"id":116,"depth":75,"text":117},{"id":241,"depth":75,"text":242},{"id":254,"depth":75,"text":255},{"id":281,"depth":75,"text":282},{"id":184,"depth":75,"text":185},{"id":191,"depth":75,"text":192},"Единая игровая система из 100+ команд для сервера Cyber-Инфузия: персонажи, прокачка, экономика, проверки, бой и инструменты менеджеров.",[309,312,315,318],{"src":310,"alt":311},"\u002Fimages\u002Fcases\u002Fadadelta0.png","Профиль Discord-бота AdaDelta для игрового сервера Cyber-Инфузия",{"src":313,"alt":314},"\u002Fimages\u002Fcases\u002Fadadelta1.png","Начало пошагового создания персонажа через Discord-бота AdaDelta",{"src":316,"alt":317},"\u002Fimages\u002Fcases\u002Fadadelta2.png","Меню «Сенсориум» с разделами персонажа, боя, проверок и экипировки",{"src":319,"alt":320},"\u002Fimages\u002Fcases\u002Fadadelta3.png","Часть списка менеджерских команд AdaDelta для управления игровыми механиками","https:\u002F\u002Fdiscord.gg\u002F8rTbR4SxGd",{},"\u002Fcases\u002Fadadelta",{"title":228,"description":307},"cases\u002Fadadelta","KKjQVcAlGojkek8_7KH_9-gshvGwxrdQP3jW82RRbVM",1787045362096]