Към съдържанието

PoolSwap

Онлайн

Крос-чейн обмен, който изградихме за PoolSwap: една карта сравнява офертите на шест доставчика, а незадължителен пул за поверителност създава доказателството си в браузъра.

PoolSwap: картата „Exchange Crypto Privately“ в пръстен от стъклени 3D монети
ФИГ. 01 — PoolSwap · Криптообмен
Клиент
PoolSwap
Индустрия
Криптообмен
Статус
Онлайн
Какво изградихме
Web3 · Уеб приложение
Технологии
Next.js · TypeScript · Tailwind CSS · wagmi · LI.FI SDK · snarkjs · Succinct · Blender
Услуги
Продукт и UI/UX · dApp front-end · API интеграции с 6 доставчика · Интеграция на ZK пул за поверителност · 3D визия в Blender

ФИГ. 02 — Анатомия

Задача

Едно спокойно място за реалните оферти между мрежи, без регистрация.

PoolSwap: картата „Exchange Crypto Privately“ в пръстен от стъклени 3D монети
PoolSwap: картата „Exchange Crypto Privately“ в пръстен от стъклени 3D монети
А — Интерфейс
Карта за обмен в пръстен от 3D монети и панел с оферти
Б — Логика
Паралелни котировки от 6 доставчика, подредени по получената сума
В — Договори и мрежа
Защитен пул в Robinhood Chain, Groth16 доказателство, Succinct

Подход

  1. 01Предизвикателство

    Прехвърлянето на крипто между мрежи означаваше да отваряш сайт след сайт за обмяна и да сравняваш курсове, лимити и срокове на ръка, а всяка обмяна оставя публична следа. Марката искаше едно спокойно място с реалните оферти една до друга, без регистрация, и незадължителен начин депозитът да се отдели от тегленето.

  2. 02Подход

    Една карта в пръстен от 3D монети. Зад нея сървърът на PoolSwap пита шест доставчика наведнъж и подрежда офертите по това колко реално получавате. За поверителност: пул с фиксирани суми, в който доказателството за теглене се създава в браузъра и се завършва в мрежата на Succinct. Около всичко това има собствен 3D език, рендериран в Blender.

  3. 03Резултат

    PoolSwap е на живо на poolswap.io. Една заявка връща всички налични оферти в един панел, изборът обхваща над 60 мрежи, а пулът за поверителност работи в основната мрежа на Robinhood Chain. Продуктът е изграден със 154 къмита от март 2025 г. до септември 2026 г.

Акценти

  • 016 доставчика в една заявка
  • 02Доказателства с нулево знание, създадени в браузъра
  • 03Обмен без регистрация и без портфейл
Пропуснете главите ↓

Как е направено

ГЛ. 01—06

Глави

PoolSwap е продукт за обмяна на криптовалути между мрежи, който изградихме за марката. Една карта в пръстен от 3D монети пита шест доставчика наведнъж и подрежда офертите по това колко реално получавате, без регистрация и без свързан портфейл. Незадължителният пул за поверителност (Anonymize) създава доказателството с нулево знание в браузъра. На сайта продуктът се подписва като POOL.

  1. 01Една заявка, всички оферти
  2. 02Ключовете остават на сървъра
  3. 03Доказателство, създадено в браузъра
  4. 04Всяка секция със своя скулптура
  5. 05Същата карта в една ръка
  6. 06От прототип до основна мрежа

ГЛ. 01 / 06 — Обмен

Една заявка, всички оферти

Избирате мрежа и токен от двете страни и въвеждате сума. PoolSwap пита шест доставчика наведнъж и подрежда офертите по това колко реално получавате. Без регистрация и без свързан портфейл.

Първо мрежата, после точният токен, с търсене по име, символ или адрес. Каталогът с мрежи и токени идва от LI.FI.

  • 60+ мрежи
  • LI.FI

ПЛ. 01 — Мрежа, после токен

  1. 01

    Мрежа, после токен

    Първо мрежата, после точният токен, с търсене по име, символ или адрес. Каталогът с мрежи и токени идва от LI.FI.

    • 60+ мрежи
    • LI.FI
    Изборът на токен „You get“ в Solana с търсене „USDC“
  2. 02

    Котировка на живо

    Докато пишете сумата, картата показва курса и приблизителната стойност в долари.

    • Курс + оценка в USD
    Картата за обмен с въведен 1 ETH и котировка на живо към SOL
  3. 03

    Всички оферти в един панел

    След „Send a request“ офертите застават една под друга. Най-изгодната е най-горе, под лентата „BEST RETURN“, а всяка пази своята такса, срок и лимити.

    • Подредени по получената сума
    • BEST RETURN
  4. 04

    Депозит и проследяване

    Избирате оферта, поставяте адреса за получаване и следвате указанията за депозит. Поръчката се проследява до портфейла ви, а сроковете са ориентир, не обещание.

    • Плаващ или фиксиран курс
    • 4 стъпки
    Ръководството „Как работи“ за обмен: четири номерирани стъпки
  1. 01

    Мрежа, после токен

    Първо мрежата, после точният токен, с търсене по име, символ или адрес. Каталогът с мрежи и токени идва от LI.FI.

    • 60+ мрежи
    • LI.FI
    Изборът на токен „You get“ в Solana с търсене „USDC“
  2. 02

    Котировка на живо

    Докато пишете сумата, картата показва курса и приблизителната стойност в долари.

    • Курс + оценка в USD
    Картата за обмен с въведен 1 ETH и котировка на живо към SOL
  3. 03

    Всички оферти в един панел

    След „Send a request“ офертите застават една под друга. Най-изгодната е най-горе, под лентата „BEST RETURN“, а всяка пази своята такса, срок и лимити.

    • Подредени по получената сума
    • BEST RETURN
  4. 04

    Депозит и проследяване

    Избирате оферта, поставяте адреса за получаване и следвате указанията за депозит. Поръчката се проследява до портфейла ви, а сроковете са ориентир, не обещание.

    • Плаващ или фиксиран курс
    • 4 стъпки
    Ръководството „Как работи“ за обмен: четири номерирани стъпки

ГЛ. 02 / 06 — Архитектура

Ключовете остават на сървъра

Браузърът говори само със сървъра на PoolSwap. Той пита шест доставчика паралелно, така че един бавен отговор не спира останалите. Поръчка се създава само при избрания доставчик и само след вашето потвърждение.

Демо · схема
  • 6 доставчика
  • 1 заявка
  • ключовете остават на сървъра

PoolSwap API

Next.js · сървърни маршрути

LI.FIсамо чете
LetsExchangeсамо чете
Changellyсамо чете
SimpleSwapсамо чете
ChangeNOWсамо чете
Swapuzсамо чете
ChangeHeroсамо чете
Избраният доставчикпише след „да“
Succinctизпраща след потвърждение

01 / 03 — само чете

Илюстративна схема. Поръчките, имената, сумите и съобщенията са примерни.

PoolSwap API

Next.js · сървърни маршрути

LI.FIсамо чете
LetsExchangeсамо чете
Changellyсамо чете
SimpleSwapсамо чете
ChangeNOWсамо чете
Swapuzсамо чете
ChangeHeroсамо чете
Избраният доставчикпише след „да“
Succinctизпраща след потвърждение

Пита паралелно

Мрежи и токени от LI.FI и котировки от шест доставчика наведнъж, подредени по получената сума.

  • LI.FIсамо чете
  • LetsExchangeсамо чете
  • Changellyсамо чете
  • SimpleSwapсамо чете
  • ChangeNOWсамо чете
  • Swapuzсамо чете
  • ChangeHeroсамо чете

Поръчка след „да“

Поръчката се създава само при доставчика, който сте избрали, и само след „Exchange now“.

  • Избраният доставчикпише след „да“

Изпраща само доказателството

При теглене от пула към мрежата на Succinct отиват само доказателството и публичните му сигнали, никога тайният код.

  • Succinctизпраща след потвърждение
  • 6 доставчика
  • 1 заявка
  • ключовете остават на сървъра
Илюстративна схема. Поръчките, имената, сумите и съобщенията са примерни.

PoolSwap API

Next.js · сървърни маршрути

Пита паралелно

Мрежи и токени от LI.FI и котировки от шест доставчика наведнъж, подредени по получената сума.

  • LI.FIсамо чете
  • LetsExchangeсамо чете
  • Changellyсамо чете
  • SimpleSwapсамо чете
  • ChangeNOWсамо чете
  • Swapuzсамо чете
  • ChangeHeroсамо чете

Поръчка след „да“

Поръчката се създава само при доставчика, който сте избрали, и само след „Exchange now“.

  • Избраният доставчикпише след „да“

Изпраща само доказателството

При теглене от пула към мрежата на Succinct отиват само доказателството и публичните му сигнали, никога тайният код.

  • Succinctизпраща след потвърждение
  • 6 доставчика
  • 1 заявка
  • ключовете остават на сървъра
Илюстративна схема. Поръчките, имената, сумите и съобщенията са примерни.

ГЛ. 03 / 06 — Anonymize · нулево знание

Доказателство, създадено в браузъра

Депозитът е с фиксирана сума в защитен пул и носи таен код. При тегленето браузърът изчислява доказателство с нулево знание, проверява го и изпраща само него. Кодът не напуска страницата.

Фиксирани суми

Пулът работи в основната мрежа на Robinhood Chain и приема само фиксирани суми. С депозита получавате таен код.

Какво се случва

  • 0,5 · 1 · 5 · 20 ETH
  • Основна мрежа на Robinhood Chain
poolswap.io
Разделът Anonymize: Robinhood Chain · Mainnet, фиксирани суми 0,5 / 1 / 5 / 20 ETH и знак „Powered by Succinct“
  1. 01 / 04 — Сума

    Фиксирани суми

    Пулът работи в основната мрежа на Robinhood Chain и приема само фиксирани суми. С депозита получавате таен код.

    Какво се случва

    • 0,5 · 1 · 5 · 20 ETH
    • Основна мрежа на Robinhood Chain
    poolswap.io
    Разделът Anonymize: Robinhood Chain · Mainnet, фиксирани суми 0,5 / 1 / 5 / 20 ETH и знак „Powered by Succinct“
  2. 02 / 04 — Код

    Кодът е ключът

    Тайният код разрешава тегленето. Пазите го вие: запазвате го преди депозита и не го споделяте с никого.

    Какво се случва

    • Запазва се преди депозита
    • Не се споделя
    poolswap.io
    Ръководството за Anonymize: четири стъпки и бележката, че пулът не гарантира пълна анонимност
  3. 03 / 04 — Доказателство

    Доказателство в браузъра

    Web Worker изгражда Merkle пътя и Groth16 доказателство на вашето устройство и ги проверява локално, преди нещо да излезе от браузъра.

    Какво се случва

    • snarkjs · Web Worker
    • Локална проверка

    Доказателство за теглене

    Схема · без реални данни

    Демо · схема
    Merkle дърво
    Poseidon · дълбочина 20
    Доказателство
    Groth16 · Web Worker
    Локална проверка
    11 публични сигнала
    Изпраща се
    само доказателството и сигналите
    Завършва в
    мрежата на Succinct
    Готово за теглене
  4. 04 / 04 — Теглене

    Теглене с кода

    С кода теглите към друг адрес, а таксата се вижда предварително. Пулът не гарантира пълна анонимност — така пише и в ръководството на продукта.

    Какво се случва

    • Адрес за получаване
    • Такса, показана предварително
    poolswap.io
    Изгледът за теглене: празни полета за кода и адреса и таксата, показана предварително
  1. 01 / 04 — Сума

    Фиксирани суми

    Пулът работи в основната мрежа на Robinhood Chain и приема само фиксирани суми. С депозита получавате таен код.

    Какво се случва

    • 0,5 · 1 · 5 · 20 ETH
    • Основна мрежа на Robinhood Chain
    poolswap.io
    Разделът Anonymize: Robinhood Chain · Mainnet, фиксирани суми 0,5 / 1 / 5 / 20 ETH и знак „Powered by Succinct“
  2. 02 / 04 — Код

    Кодът е ключът

    Тайният код разрешава тегленето. Пазите го вие: запазвате го преди депозита и не го споделяте с никого.

    Какво се случва

    • Запазва се преди депозита
    • Не се споделя
    poolswap.io
    Ръководството за Anonymize: четири стъпки и бележката, че пулът не гарантира пълна анонимност
  3. 03 / 04 — Доказателство

    Доказателство в браузъра

    Web Worker изгражда Merkle пътя и Groth16 доказателство на вашето устройство и ги проверява локално, преди нещо да излезе от браузъра.

    Какво се случва

    • snarkjs · Web Worker
    • Локална проверка

    Доказателство за теглене

    Схема · без реални данни

    Демо · схема
    Merkle дърво
    Poseidon · дълбочина 20
    Доказателство
    Groth16 · Web Worker
    Локална проверка
    11 публични сигнала
    Изпраща се
    само доказателството и сигналите
    Завършва в
    мрежата на Succinct
    Готово за теглене
  4. 04 / 04 — Теглене

    Теглене с кода

    С кода теглите към друг адрес, а таксата се вижда предварително. Пулът не гарантира пълна анонимност — така пише и в ръководството на продукта.

    Какво се случва

    • Адрес за получаване
    • Такса, показана предварително
    poolswap.io
    Изгледът за теглене: празни полета за кода и адреса и таксата, показана предварително

ГЛ. 04 / 06 — Визия и 3D

Всяка секция със своя скулптура

Всяка част от сайта има своя 3D сцена. Седем от тях са изградени в Blender с параметричен Python код, така че всяка може да се промени и рендерира отново.

Бавен безкраен цикъл от стъклени монети зад картата за обмен. Филмът е смесен с фона и избледнява надолу, затова картата остава напълно четима.

  • Цикъл от 6 s
  • Начален екран

ПЛ. 01 — Пръстенът от монети

  1. 01

    Пръстенът от монети

    Бавен безкраен цикъл от стъклени монети зад картата за обмен. Филмът е смесен с фона и избледнява надолу, затова картата остава напълно четима.

    • Цикъл от 6 s
    • Начален екран
  2. 02

    Отворена вълна

    Три метални ленти за секцията „A closer look“. Сцената влиза при скрол само с CSS и остава неподвижна, ако сте избрали по-малко движение.

    • Blender · Cycles
    • Параметричен Python
    Отворената вълна: три метални ленти, рендерирани в Blender
  3. 03

    Оптичен път

    Стъклени плочи, наредени една над друга, отварят ръководството „Как работи“ под реда „Every step. Made clear.“

    • Ръководство „Как работи“
    Оптичният път: стъклени плочи една над друга
  4. 04

    Три схеми за роудмапа

    Една връзка, после център, после мрежа: три рендера, които растат заедно с фазите на роудмапа. Те илюстрират визия, не готови функции.

    • 3 фази · визия
    1. Роудмап, фаза 1: една връзка между два модула
      01 / 03
    2. Роудмап, фаза 2: център с шест връзки
      02 / 03
    3. Роудмап, фаза 3: разклонена мрежа
      03 / 03
  5. 05

    Стъклено съзвездие

    Осемсекунден филм за страницата на стейкинга, която още е „скоро“. До него има бутон, който спира движението.

    • 8 s · 24 fps
  1. 01

    Пръстенът от монети

    Бавен безкраен цикъл от стъклени монети зад картата за обмен. Филмът е смесен с фона и избледнява надолу, затова картата остава напълно четима.

    • Цикъл от 6 s
    • Начален екран
  2. 02

    Отворена вълна

    Три метални ленти за секцията „A closer look“. Сцената влиза при скрол само с CSS и остава неподвижна, ако сте избрали по-малко движение.

    • Blender · Cycles
    • Параметричен Python
    Отворената вълна: три метални ленти, рендерирани в Blender
  3. 03

    Оптичен път

    Стъклени плочи, наредени една над друга, отварят ръководството „Как работи“ под реда „Every step. Made clear.“

    • Ръководство „Как работи“
    Оптичният път: стъклени плочи една над друга
  4. 04

    Три схеми за роудмапа

    Една връзка, после център, после мрежа: три рендера, които растат заедно с фазите на роудмапа. Те илюстрират визия, не готови функции.

    • 3 фази · визия
    1. Роудмап, фаза 1: една връзка между два модула
      01 / 03
    2. Роудмап, фаза 2: център с шест връзки
      02 / 03
    3. Роудмап, фаза 3: разклонена мрежа
      03 / 03
  5. 05

    Стъклено съзвездие

    Осемсекунден филм за страницата на стейкинга, която още е „скоро“. До него има бутон, който спира движението.

    • 8 s · 24 fps

ГЛ. 05 / 06 — Мобилна версия

Същата карта в една ръка

На 390 px картата заема целия екран, мрежите се избират от списък на цял екран с търсене, а ръководствата се подреждат в една колона.

Картата

Картата за обмен на телефон, превъртяна до лентата с предимствата.

  • 390 px
  • Exchange · Anonymize

ПЛ. 01 — Картата

  1. Картата за обмен на телефон, превъртяна до лентата с предимствата

    01 / 05 — Картата

    Картата за обмен на телефон, превъртяна до лентата с предимствата.

    • 390 px
    • Exchange · Anonymize
  2. Изборът на мрежа на цял екран на телефон

    02 / 05 — Мрежи

    Мрежата се избира от списък на цял екран, с търсене по име или chain ID.

    • 60+ мрежи
    • Търсене
  3. Котировка за 1 ETH на телефон

    03 / 05 — Котировка

    Котировката на живо, в една колона.

    • Курс + USD
  4. Разделът Anonymize в Robinhood Chain на телефон

    04 / 05 — Anonymize

    Пулът за поверителност с фиксираните суми.

    • Robinhood Chain
  5. Стъпките от „Как работи“ в една колона на телефон

    05 / 05 — Ръководство

    Стъпките от „Как работи“, една под друга.

    • 4 стъпки
  1. Картата за обмен на телефон, превъртяна до лентата с предимствата

    01 / 05 — Картата

    Картата за обмен на телефон, превъртяна до лентата с предимствата.

    • 390 px
    • Exchange · Anonymize
  2. Изборът на мрежа на цял екран на телефон

    02 / 05 — Мрежи

    Мрежата се избира от списък на цял екран, с търсене по име или chain ID.

    • 60+ мрежи
    • Търсене
  3. Котировка за 1 ETH на телефон

    03 / 05 — Котировка

    Котировката на живо, в една колона.

    • Курс + USD
  4. Разделът Anonymize в Robinhood Chain на телефон

    04 / 05 — Anonymize

    Пулът за поверителност с фиксираните суми.

    • Robinhood Chain
  5. Стъпките от „Как работи“ в една колона на телефон

    05 / 05 — Ръководство

    Стъпките от „Как работи“, една под друга.

    • 4 стъпки

ГЛ. 06 / 06 — Резултат

От прототип до основна мрежа

От първия прототип през март 2025 г. до пула за поверителност в основната мрежа на Robinhood Chain през септември 2026 г.

  1. Първи прототип
  2. Първи Anonymize
  3. Поток с доставчици
  4. Robinhood Chain · нов дизайн
  • 6

    доставчика в една заявка

  • 60+

    мрежи в каталога

  • 20

    нива в Merkle дървото

  • 7

    3D сцени в Blender

  • 154

    къмита

poolswap.io
Лентата с четирите предимства: оферти на едно място, между мрежи, без регистрация в POOL и проследяване
  • Броят мрежи идва от каталога на LI.FI и се променя; на 30.09.2026 г. изборът показваше над 60 основни мрежи.
  • Пулът не гарантира пълна анонимност. Цифрите са технически факти от кода и сайта, без бизнес показатели.

Галерия

ПЛ. 01—04

poolswap.io
PoolSwap: картата „Exchange Crypto Privately“ в пръстен от стъклени 3D монети — Цялата страница
ПЛ. 01 — PoolSwap · Цялата страницаОтворете цялата страница (отваря се в нов раздел)
Таблицата „Top 10 currencies“ с данни от CoinGecko и бутон Swap на всеки ред; цените са от момента на заснемане, 30.09.2026
ПЛ. 02 — PoolSwap · десктоп
Мобилното меню на телефон
ПЛ. 03 — PoolSwap · мобилна версия
Честите въпроси с отворен първи отговор и долният колонтитул на сайта
ПЛ. 04 — PoolSwap · десктоп

Палитра и шрифтове

  • #090516Нощ
  • #080B18Мастило
  • #456EFFЕлектриково синьо
  • #ABC4FFЛавандула
  • #39F7C3Мента
  • Archivo
  • Sora

Контакт

Искате нещо подобно?

Вашият проект може да е Фиг. 07.

30 минути, без ангажимент. Тръгвате си с конкретни идеи за сайта, процесите или продукта си.

ФИГ. 07 — Вашият проект30 минути · без ангажимент · отговаряме до няколко часа в работно време