Web3 Apps

The Web3 Applications I have developed use the Fantom network, leveraging the EVM for smart contract deployment and Metamask as the wallet gateway. The main UX-UI challenge I had to overcome was making these apps accessible to users who aren't familiar with blockchain technology. My goal was to create a simple, intuitive interface that helps users feel comfortable and confident—even without understanding the complex science behind it.

Tools

Vue2, Bootstrap, Flask

Blockchain tech

Fantom (EVM), Solidity

Compatible wallet

Metamask

Target audience

25-55 years old crypto holders with low to medium knowledge of blockchain.

Crypto & Market Expertise

Engaged with crypto since 2019, with real experience in CEX/DEX mechanics, trading, and market dynamics. This hands-on knowledge informs my UX decisions when building Web3 products.

Trading Mechanics

Market/limit orders, order books, bid/ask spreads, candlestick charts, and price execution flows.

Liquidity & Pricing

Price sourcing and aggregation, slippage tolerance, price consistency during transaction processing.

Compliance (KYC/AML)

Familiar with verification flows and pain points. Aware of jurisdictional differences (US restrictions vs EU focus on laundering/tax evasion).

Security & Custody

2FA methods, wallet security best practices, custody vs non-custodial models, trust factors on CEX (easy UI, fees).

Onboarding UX

Understanding of first-time buyer friction — price consistency, transaction timing, clear fee display.

DEX Integration

Integrated 1inch DEX aggregator into smart contracts for token swaps, handling crypto volatility so customers can pay with any token.

─ Debooks ─

Debooks is a platform that sells gift packages in the form of NFTs on the Fantom blockchain, redeemable for stays and/or activities in real establishments.

My Role:

As co-founder of this startup, I led the complete front-end development and UX/UI design, working closely with the backend developer to bring this Web3 platform to life.

  • Co-founder & sole front-end developer (Vue2, Bootstrap)
  • UX/UI design from concept to implementation
  • Web3 integration with ethers.js and Metamask

UI Languages:

English, Spanish

The problem:

There were no platforms where crypto users could purchase tourism products and activities within the cryptocurrency ecosystem, limiting their purchasing power for real-world experiences.

How it works:

Users buy BOX tokens with USDC, which can be gifted, exchanged for value, or redeemed for HOST tokens (reservations). Establishments receive payment instantly and can exchange BOX for USDC or use it to acquire plans at other establishments.

example of Debooks UI

Business model:

Debooks uses two types of NFTs: BOX (gift card with USDC value) and HOST (reservation for a specific date). A 5% commission is charged on each purchase, distributed among DBK token holders who stake their tokens on the platform.

Value proposition:

For users to pay directly with crypto without intermediaries, earn rewards through DBK tokens. For establishments to receive payments instantly, no commissions on sold reservations (traditional packages charge up to 40%).

Target market:

Initially targeting tourist accommodations, but open to restaurants, adventure activities, and tour organizers. For customers, the 100M+ crypto users worldwide seeking real-world products without leaving the crypto ecosystem.

Challenges overcome:

Simplified the BOX/HOST token concept for users unfamiliar with NFTs through clear visual metaphors and step-by-step onboarding. Designed intuitive flows for token gifting, exchanging, and redeeming to make complex blockchain operations feel seamless.

Release date:

December 2021

Platform Demo

Navigating the Debooks landing page

─ Kartek ─

Kartek is a car dealer that sells medium and high-end cars in Andorra. They wanted to include the tools that new technologies provide for the purchase of their cars.

We developed a cryptocurrency payment gateway on the Fantom network (using the EVM) for the purchase of the desired car in the form of an NFT (unique token).

My Role:

As the founding frontend developer, I collaborated closely with the startup founder to translate business requirements into a functional Web3 marketplace, designing the UX/UI and building the complete front-end.

  • Founding frontend developer (VueJS, ethers.js)
  • UX/UI design translating business requirements into user flows
  • Web3 wallet integration and transaction flows

UI Languages:

UI Languages: English, Catalan, French and Spanish.

The problem:

Many crypto users face difficulties converting their crypto profits into traditional purchases, especially for high-value goods. Strict regulations and lack of knowledge make it nearly impossible in many places, and where possible, intermediaries take a significant cut.

The solution:

Kartek is an NFT marketplace for real cars. Each NFT represents a real vehicle and provides additional benefits like reloadable detailing sessions. The NFT can be transferred as a gift and may serve as proof of ownership in the future.

example of Kartek UI

Why NFTs?

NFTs provide clean traceability—essential for complying with traditional financial systems when converting crypto profits. They also enable attaching real-world benefits to the token and potential future proof of ownership.

Technical architecture:

Backend: Flask + MySQL + web3.py with event listeners. Frontend: VueJS + ethers.js. Smart contracts written in Vyper: CarCollection (ERC721), PriceOracles (Chainlink), and Exchanger (1inch integration for token swaps to USDC).

Challenges overcome:

Simplified crypto payments for non-technical users. Integrated 1inch DEX aggregator to let customers pay with any token while dealers receive stablecoins—all through a one-click payment flow that hides the complexity.

Release date:

Release date: January 2022.

UX/UI Showcase

Creating a car NFT in the dashboard

Customer purchasing a car with crypto

Designed by Belblue

© All rights reserved 2025