Позиция
Не замена чат-бота, а слой закрепления знания во времени.
Интервал 0 · Задача
Не просто «ИИ-сайт».
Объяснить, зачем возвращаться.
Cognimora превращает любой текст в вопросы и ведёт по интервальным повторениям. Лендингу нужно было за первые секунды отделить продукт от привычного чата с LLM и показать сценарий «прочитал — закрепил — помнишь».
Риск ниши: зелёный градиент, абстрактные нейросети и кнопки «Попробовать ИИ». Мы пошли от смысла продукта: забывание, момент закрепления (mora), спокойный ритм чтения.
Тон
Дружелюбный, без сюсюканья и без техно-пафоса. «Учись, повторяй, помни».
Путь
Боль → отличие → механика → доказательства → мягкий CTA.
Архитектура
Страница как кривая памяти
Структуру лендинга собрали по логике spaced repetition: сначала удар по боли забывания, затем возвраты к смыслу продукта с растущей конкретикой.
- D0 Hero Оффер + маскот + платформы
- D1 Боль Кривая забывания и контраст с чатом
- D3 Опоры Четыре пункта продукта
- D7 Механика Как работает за 4 шага
- D21 Доказательства Сценарии, таблица, FAQ
- ∞ CTA Мягкий финал без давления
Визуальная система
Мята, лес и воздух
Палитра растёт из продукта: зелёный как «знание, которое осталось», светлая бумага как спокойная среда для длинного чтения, тёмный footer как закрытие сессии.
#2a6b45PrimaryCTA · акценты · ссылки
#3d8c5cLeafлоготип · иконки · подсветка
#eef5f0Mintповерхности · цитаты
#1a211dInkзаголовки · текст
Главный экран
Карточка знания, не hero-баннер
Первый экран собран как один композиционный жест: бренд, обещание, короткое объяснение, голос маскота и вход в продукт.
- 1 Стилизованный логотип— бренд читается раньше любого CTA
- 2 Мантра «Учись, повторяй, помни» задаёт ритм продукта
- 3 Стрелка в заголовке показывает трансформацию: материал → знание
- 4 Цитата маскота очеловечивает ИИ без техно-жаргона
- 5 Иконки платформ вместо навязчивой «скачать сейчас»
Нарратив
Сначала боль забывания,
потом отличие от чата
После hero страница не прыгает в фичи. Она признаёт знакомый провал — «прочитал и забыл» — и только затем показывает, чем Cognimora не похожа на обычный ИИ-диалог.
Копирайт
Вопрос вместо лозунга
«Знакомо: после прочтения…» — вход через узнавание. Цифра 70–80% даёт опору, но не превращает блок в научный доклад.
UX
Две карточки — один вывод
Пользователь не сравнивает фичи. Он сравнивает сценарии: ответил и ушёл vs система возвращает к слабому узлу.
Позиция
Не конкурент чату
Прямо в интерфейсе зафиксировали: это отдельный слой закрепления. Снимает ложное ожидание «ещё один ChatGPT».
Продуктовый UX и копирайт
Текст как интерфейс
На лендинге копирайт — главный UI. Формулировки короткие, «ты»-обращение, без списков из двадцати преимуществ.
Cognitio + mora
Этимологию вынесли в hero мелкой строкой: бренд объясняется без отдельной секции «о названии».
Материал → знание
Заголовок говорит про результат удержания, а не про «мощный ИИ». Стрелка делает метафору визуальной.
Четыре опоры
«Автовопросы / Под тебя / Умные повторения / Без лишней возни» — глагольные, проверяемые обещания.
Мягкий финал
CTA без давления: «если что-то пойдёт не так — мы на связи». Ошибки названы частью тренировки.
Механика на лендинге
Сделать алгоритм осязаемым
Spaced repetition сложно продавать абстрактно. Поэтому на странице — нумерованный сценарий «ты → система → ты» и привычный формат квиза в подписи.
Доказательства
Сценарии, таблица, честность
После механики — расширение контекста: учёба, чтение, работа. Затем жёсткая таблица отличий от ИИ-бота и блок «не просто квиз».
Мобильный первый экран · cognimora.com
Адаптив
Тот же настрой
в одной колонке
На узком экране стеклянная карточка складывается вертикально, маскот остаётся эмоциональным якорем, платформенные иконки не превращаются в простыню кнопок.
- Сборка
- Vite · SPA
- Шрифт
- Nunito
- Тон
- Edu-tech · mint
- Фокус кейса
- Лендинг
- Продукт
- Web · TG · Android
- Язык
- RU
Другой кейс Cognimora
Приложение
Отдельный разбор продуктового интерфейса Cognimora.
Результат
Лендинг со своим моментом закрепления
Цельный продуктовый одностраничник: ясная позиция против «просто ИИ-чата», визуальный язык роста и закрепления, копирайт, который ведёт по кривой внимания так же бережно, как продукт — по кривой памяти.
Результат: cognimora.com
Нужен лендинг, который объясняет сложный продукт простым языком?
Обсудить проект