TAUSIK — редизайн лендинга AI-фреймворка

От безликого к технологичному

Оба экрана — герой-секция: первое, что видит пользователь. Слева — оригинальный лендинг без характера. Справа — новый визуальный язык с матричным дождём и самопишущими терминалами.

Что было не так

Прежде чем рисовать — аудит. Четыре проблемы, которые делали лендинг невидимым для целевой аудитории.

Визуальный язык через аналогию

Новый лендинг работает через ассоциации: он вызывает нужные чувства — технологичность без сухости, структура без занудства. Визуальный язык строится на аналогии с тем, что TAUSIK и делает.

• 1 Матричный дождь + самопишущие терминалы — не декор, а часть идеи. Агент работает, текст появляется, контекст накапливается.
• 2 Чёткая иерархия первого экрана: одно доминирующее действие, один понятный заголовок, всё остальное — ниже.
• 3 Читаемость как главный приоритет: любой человек, открывший страницу, за 10 секунд понимает что это, о чём это и куда идти дальше.
• 4 Минимальная анимация, которая работает: ничего лишнего — только то, что подчёркивает идею продукта.

Сделано в Claude + Pencil

Лендинг собран в связке Claude Code и Pencil MCP — AI-инструмента для дизайна в браузере. Это мой первый проект с Pencil, где дизайн и код шли параллельно, а не последовательно.

TAUSIK использую во всех своих проектах — фреймворк задаёт дисциплину работы с агентом: задачи до кода, quality gates, сессионные границы. Поэтому и взяла его как материал для кейса — инструмент знакомый, и я могу говорить о нём честно.

Лендинг задеплоен

Новая страница опубликована на GitHub Pages. Характер продукта считывается сразу — технологично, структурно, живо.