Назад
Case file · P-01
P01

Сайт крипто-кошелька

暗号資産ウォレット · CRYPTO WALLET CASE
Сайт продукта + CMS 2026 Роль: разработка 4 языка Открыть сайт ↗

V·01 Задача

Сайт был красивым, но неподвижным: каждая правка текста, картинки или описания для поисковиков шла через разработчика и новую сборку. Нужно было отдать сайт команде целиком — вместе с настройками для поиска и общим оформлением.

Продукт
Кошелёк для XRPL
Сфера
Web3 · финтех
Роль
Разработка + интеграция CMS
Итерации
CMS → блог → локализация

V·02 Маршрут

Разбор

Клиент пришёл с готовым сайтом и макетами. Я разобрал вёрстку на блоки и составил карту: что на каждой странице должно стать полем, которое клиент меняет сам — заголовок, текст, картинка, плашка, карточка.

Схема контента

Спроектировал структуру админки: 14 типов контента. Внутрь уехали не только тексты страниц, но и меню, подвал, ссылки и мелкие служебные подписи вроде «Показать ещё».

Сборка страниц из блоков

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

Цвета и шрифты

Цвета, шрифты и отступы вынесены в отдельный раздел админки. Меняешь их в одном месте — обновляется весь сайт сразу.

Раздел Learn

Блог с категориями, тегами и авторами. Свёрстан один в один по макетам; в редакторе статей есть таблицы, картинки и вставные блоки, а на выходе — лента для читалок и подписок.

Публикация

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

V·03 Панель управления

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

СХЕМА · Админка → Сайт
Strapi · админка 管理画面
Title XRP Wallet for XRPL Ecosystem
Subtitle Zero fees. Full XRPL power.
Download buttons App Store · Google Play
Community links X · YouTube · Discord · TG
Hero image wallet-phone.png
katzwallet.com 公開サイト
Каждое поле в админке — конкретный элемент на странице. Правка сохраняется — сайт обновляется, разработчик не нужен
Тексты
Заголовки, абзацы, подписи, кнопки
Картинки
Фото, иконки, превью и подписи к ним
Элементы
Плашки, карточки, списки возможностей
Порядок
Блоки переставляются перетаскиванием
Страницы
Новые страницы собираются из готовых блоков
Каркас
Шапка, подвал, меню, ссылки
Поиск
Заголовок и описание страницы для поисковиков
Соцсети
Картинка и текст, которые видны при отправке ссылки
Сниппеты
Данные для расширенных результатов в поиске
Оформление
Цвета, шрифты, отступы
Языки
Свой набор текстов на каждый язык
Блог
Статьи, категории, теги, авторы

V·04 Перевод сайта

Отдельный CLI-скрипт переводит сайт целиком: английская версия — эталон, остальные локали догоняют её автоматически.

1

Снимок. Скрипт забирает из админки английскую версию текстов и сохраняет её как образец.

2

Сравнение. Новый снимок сравнивается с прошлым — в работу уходят только те строки, которые правда изменились.

3

Перевод. Изменения уходят в языковую модель одним пакетом, структура текстов при этом сохраняется.

4

Раскладка. Готовые переводы возвращаются в админку по своим языкам — сайт подхватывает их сам.

translate sync rollback
CAM 04 · CLI
Скрипт показывает изменения и спрашивает подтверждение перед публикацией

V·06 Табло результатов

100%
Блоков правится из админки
14+
Типов контента — можно добавлять новые
4+
Языка: EN · RU · AR · TR — новый добавляется из админки
0
Правок контента через код
Заметка машиниста
«На сайте не осталось компонента, который нельзя поменять из админки. Тексты, порядок блоков, мета-теги, цвета и отступы уехали в CMS — сайт перестал быть хардкодом и стал продуктом, который команда ведёт сама.»
Артемий · разработчик проекта
Конечная станция

Обсудить свой проект

Написать мне → EXIT · 出口
Line V · Владивосток ← Вернуться ко всем проектам