Интерфейс платформы КАККОЙЙ реализует визуальную метафору «интерфейса как манги» и следует принципу «друга-сэнпая», направляя пользователя интуитивно понятным путем от первого знакомства до глубокой практики.
Главная страница
Первый экран сразу погружает пользователя в контент, представляя основные сценарии изучения через блоки «Лексика», «Грамматика», «Чтение» и «Аудирование». Это позволяет начать обучение немедленно, выбрав интересующую тему.
Далее кратко представлена миссия бренда и подборка актуальных статей. Ключевым элементом является интерактивный тест для определения уровня языка, который проводит маскот Кай, добавляя игровой и поддерживающий элемент в процесс диагностики. Завершает страницу блок, знакомящий пользователя с самим персонажем Каем, чтобы установить личную связь с брендом.
Главная
Главная
Раздел «Материалы»
На этой странице собраны все статьи и уроки. Для удобной навигации реализовано боковое меню с фильтрацией по типам материалов (лексика, грамматика, чтение, аудирование) и по тематическим тегам (аниме, музыка, еда и др.). Превью статей организованы в динамическую адаптивную сетку, что обеспечивает удобный просмотр и быстрый доступ.
Материалы
Раздел «Кандзи»
Страница начинается с вводного объяснения от Кая, который знакомит пользователя с поэтапной методикой изучения. Основной контент — это структурированный список иероглифов в формате: кандзи — краткий перевод — основные чтения. Каждый пункт сопровождается кнопкой «Учить», ведущей на детальную страницу конкретного иероглифа.
Кандзи
Детальная страница кандзи
Страница разделена на логические блоки для комплексного изучения:
— Ключевая информация: Слева — GIF с анимацией правильного порядка черт. Справа — все варианты перевода и чтения (onyomi/kunyomi), с доступным пояснением разницы между ними по клику на иконку «?».
— Лексика: Списки слов с изучаемым иероглифом, включая особые чтения.
— Контекст и применение: Слева — примеры предложений. Справа — отрывок из аниме с использованием слова, снабженный переводом для демонстрации реального употребления.
— Верхняя кнопка «Практиковать» ведет на страницу интерактивной проверки знаний.
Детальная страница кандзи
Страница «Практика кандзи»
Это многоэтапный тест, охватывающий все аспекты: от базовых значений и чтений до понимания в контексте видео и, наконец, отработки написания в интерактивном canvas-тренажере с проверкой порядка черт. По итогам теста Кай комментирует результат, дает персонализированный совет, а пользователь может просмотреть свои ошибки.
Практика кандзи
Типы обучающих статей
Все статьи используют общую логику: навигационное меню справа, проверочный тест в конце.
— Статья-лексика: Классический формат «заголовок — параграф — совет». В сайдбаре, помимо оглавления, есть блок «Список слов», предлагающий тематический PDF-словарь в фирменном стиле для сохранения или печати.
— Статья-грамматика: Дополнена выделенными серыми плашками с грамматическими конструкциями внутри текста. Итоговый тест выполнен в популярном среди пользователей формате drag&drop на составление правильного предложения.
— Статья-чтение: Сфокусирована на работе с текстом. После вступления пользователь читает японский текст, где ключевые слова выделены серыми плашками. Эти же слова выводятся в виде интерактивных карточек (слово-чтение-перевод-озвучка) и дублируются в сайдбаре. Тест проверяет понимание прочитанного.
— Статья-аудирование: Начинается с просмотра отрывка из аниме. Далее идут карточки ключевой лексики из ролика, после чего тест проверяет понимание диалога на слух.
Статьи
Задание дня
О нас
Сценарий для Персоны 1: «Увлеченный новичок»
Цель пользователя: Начать учить японский с нуля и не запутаться.
Сценарий: «Первое погружение через интересную статью»
— Главная страница (Вовлечение)
— Статья-лексика (Первое знакомство с форматом)
— Возврат на главную (Диагностика)
— Раздел «Кандзи» (Системный старт)
Итог: За 10 минут новичок прошёл полный цикл: увлёкся контентом → получил личный совет → системно начал изучение с основ — и не почувствовал перегруза.
Сценарий для Персоны 2: «Мотивированный продолжающий»
Цель пользователя: Преодолеть «плато», разобраться со сложной темой.
Сценарий: «Точечная работа над пробелом в грамматике»
— Главная страница (Поиск решения)
— Статья-грамматика (Структурированное объяснение)
— Тест в конце статьи (Закрепление)
— Раздел «Материалы» (Глубокое изучение темы)
Итог: Пользователь быстро нашёл ответ на конкретный вопрос → отработал навык интерактивно → самостоятельно углубился в тему и проверил себя на аутентичном материале.
Сценарий для Персоны 3: «Ценитель японской культуры»
Цель пользователя: Углубить понимание языка через любимый контент, выучить «живые» выражения.
Сценарий: «От просмотра аниме к активному словарю»
— Главная страница / Раздел «Аудирование» (Старт от контента)
— Статья-аудирование (Иммерсивный опыт)
— Связь с «Кандзи» (Глубокий разбор)
Итог: Цикл «посмотрел → выловил новое слово → глубоко его разобрал → добавил в свою коллекцию → применил в смежном навыке (чтении)» создаёт идеальную петлю обучения для фаната, превращая потребление контента в системное изучение.
