Circle Pass

Circle Pass

Universal Account System

voyager

Context

As EcosystemOS expanded their platform with multiple applications, they needed a unified authentication system, one account to access all their products. I was brought in to design the core authentication flows across mobile and desktop, ensuring users could access the ecosystem from any device.

My Contributions

As UX/UI Designer, I joined the Circle Pass project while leading design on other EcosystemOS products. Building on initial explorations by another designer, I designed the authentication experience, creating wireframes and high-fidelity prototypes for both mobile and desktop platforms, plus a landing page communicating the value proposition.

Client
EcosystemOS – Startup

Team Context
2 stakeholders, 2 developers, 1 designer (initial exploration)

My Role
UX/UI Designer – Exploration differents scenarios

Context
Concurrent with Voyager (primary project) and other product explorations

Deliverables:

  • User journey mapping

  • Wireframes (mobile & desktop)

  • High-fidelity prototypes

  • Landing page design

  • Authentication flow documentation

Impact

Designed Critical Entry Point

  • Mapped complete authentication journey from sign-up through multi-device access

  • Created flows working seamlessly across mobile and desktop

  • Designed fallback scenarios ensuring accessibility regardless of device availability

  • Delivered landing page aligned with authentication experience

Rapid Execution

  • Designed complete authentication flows and landing page while contributing to other ecosystem products

  • Worked efficiently within existing project momentum, building on previous exploration

The Challenge

EcosystemOS was building multiple applications requiring separate user accounts. Managing multiple logins would create friction, especially problematic for an early-stage platform trying to encourage adoption.

Core challenges:

  • Users might encounter Circle Pass from mobile or desktop

  • What happens when users don't have their phone available?

  • Universal login requires clear security communication

Guiding question: How do we create frictionless authentication across devices while maintaining security?

mockcup-phone1-c
mockcup-phone1-c
mockcup-phone1-c

Designing for Reality

Following stakeholder direction, I initially focused on mobile-first design. The vision was elegant: Circle Pass on your phone becomes the universal key to all EcosystemOS applications.

But as I mapped user flows, a critical question emerged: What happens when someone doesn't have their phone?

I raised this scenario with stakeholders: a user at their desktop, but their phone is dead, lost, or in another room. A mobile-only system would create friction precisely when we were trying to eliminate it.

The Stakeholder Solution

This led to an important decision: implement email verification as backup. Users could receive authentication codes via email, ensuring access regardless of device availability.

This meant I needed to design both mobile and desktop experiences in parallel. Users might:

  • Start sign-up on mobile, verify via email on desktop

  • Begin login on desktop, approve via phone notification

  • Use email verification on either platform as needed

This approach ensured the system felt cohesive rather than like two separate methods duct-taped together.

gif-c1
gif-c2
gif-c3
gif-wireframes-c
gif-c1
gif-c2
gif-c3
gif-wireframes-c

The Solution

I created wireframes and high-fidelity prototypes showing:

Flexible Authentication

  • Mobile: Push notifications for instant approval

  • Desktop: Verification codes via email

  • Hybrid flows: Start on one device, complete on another

gif-c
gif-wireframes-cc

Landing Page

Communicated Circle Pass's value proposition using the same visual language as authentication flows for brand consistency.

gif-cl

Final Experience:

Unified account unlocking all EcosystemOS applications

  • GDPR-compliant privacy controls

  • One-time setup, then seamless access

mockcup-phone2-c
mockcup-phone3-c
mockcup-phone4-c

What I Learned

-Designing Across Multiple Products Working on Circle Pass while leading Voyager taught me to context-switch efficiently and maintain quality across concurrent projects. Each product informed the other, patterns I established in one influenced decisions in the other.

-Designing for Constraints The "what if they don't have their phone?" question led to better design. Real-world constraints often reveal opportunities for more resilient solutions.

-Foundation Work Matters Authentication feels invisible when it works well. Designing these foundational systems taught me that the best design often goes unnoticed, and that's the point.

Create a free website with Framer, the website builder loved by startups, designers and agencies.