SamePay

Web3, Mobile App, Wallet

A decentralized Web3 mobile app with intuitive UX, built for both crypto beginners and advanced users.

Project overview

SamePay is a decentralized mobile wallet designed to make Web3 approachable, even for users with no prior crypto experience. My role was to shape the entire product design: from the very first walkthrough screen to scalable design systems that could grow with the app's ecosystem. The vision was clear: create a Web3 wallet that feels familiar, intuitive, and trustworthy, without compromising the core values of decentralization.

Approach

The design process began with mapping the core journeys: onboarding, sending and receiving crypto, browsing dApps, and connecting with contacts. Each path was broken down to reduce friction, clarify actions, and build user confidence at every step.

journeys mapping

Visual journey map outlining the sign-in flow within the app

Visual journey map outlining the sign-in flow within the app

walkthrough onboarding and wallet creation/import

App SignIn: identity setup with automatic alias generation (SameID)

App SignIn: identity setup with automatic alias generation (SameID)

Smart UX for Smart Money

Transactions in SamePay are designed to feel as natural as sending money through a modern fintech app, while still preserving the integrity and detail Web3 requires.

Users can preview transactions in real time, see address metadata, get smart warnings, and follow simple visual confirmations before signing.

Asset transfer flow: sending or receiving crypto in few simple steps

Asset transfer flow: sending or receiving crypto in few simple steps

dApps and Web3 Connectivity

SamePay includes a built-in Web3 browser, enabling users to access and interact with decentralized apps directly from within the wallet. A central connection manager keeps track of all active dApp sessions, allowing users to stay informed about which smart contracts they're interacting with and where.

Explore section provides access to dApps, and manage connections in real time.

Explore section provides access to dApps, and manage connections in real time.

Card-based navigation within Explore section's categories

Card-based navigation within Explore section's categories

Alias-based contacts management with SameID

To support smoother peer-to-peer usage, the wallet includes a contact system built around alias identities known as SameID. These act as recognizable tags for anonymous or pseudonymous users, helping users build a contact list without the need to memorize public wallet addresses. Use of Identicons for colorful, automatically generated icons on top of wallet addresses unique strings.

The feature was designed to mirror UX patterns from neobanking apps, making the transition into Web3 feel more like a natural extension of apps users already trust and understand.

Alias-based contacts using SameID, browsable contact list and individual profiles

Alias-based contacts using SameID, browsable contact list and individual profiles

Key takeaways

To keep scalability in mind, I built out a core design system of over 40+ components:

  • User journey mapping helped shape clear flows from the wallet setup

  • Web3 connectivity was embedded natively to onboard and guide new users to Web3 new features

  • Alias-based contact system for a social layer added to crypto transactions

Product gallery

Want to know more?

Get in touch

Want to know more?

Get in touch

Want to know more?

Get in touch

bongio.work

2025

bongio.work

2025