TOKI

Overview

TOKIは、複数のブロックチェーンをまたいで資産を交換できるクロスチェーンSwapのプロダクトです。これまで別々のチェーンに分かれていた資産の移動を、ひとつのサービスの中でまとめて扱えるようにすることを目指しています。

Farleapはこのプロダクト開発に参画し、フロントエンドの実装を担いました。クロスチェーンという複雑な仕組みを、利用者が構造を意識せずに使えるプロダクトへ落とし込む工程を支援しています。

The Challenge

クロスチェーンSwapは、対象となるチェーンやブリッジ、通貨、処理の進行状況といった要素が複雑に絡み合う仕組みです。その複雑さをそのまま画面に反映すると、Web3に不慣れな利用者にとっては操作の見通しが立ちにくくなりがちでした。

そのため、内部の複雑さを抱えたまま、はじめて触れる利用者でも迷わず資産を交換できる直感的なプロダクトとして届けることが課題でした。技術に詳しい利用者だけでなく、幅広い利用者が扱える体験にする必要がありました。

The Solution

クロスチェーンSwapの実装に参画し、Next.jsとChakra UIを用いてフロントエンドの実装を支援しました。チェーンや通貨の選択から交換の実行、処理状況の確認までを、一連の流れとして無理なくたどれる画面へ設計しています。

複数チェーンをまたぐSwap体験を、いまどのチェーン間で何が進んでいるのかがひと目で分かる、分かりやすいUIとして構築しました。技術的な複雑さを利用者側に持ち込まず、判断に必要な情報だけを整理して見せることを意識しています。