/

The Coterie

/

The Coterie

/

The Coterie

The Coterie

Designing a Premium Investment Experience

Background

Investment products often default to safe, conservative visual languages. The Coterie wanted to stand apart — a product that felt exclusive, premium, and memorable for a high-end audience.

Objective

Redesign the product’s visual language and interactions to signal exclusivity, sophistication, and care, while exploring interaction models beyond static design.

Objective

  • Directed visual language exploration and information architecture.

  • Pushed design beyond Figma into Origami Studio for interactive prototyping.

  • Created high-fidelity screens, component library, and advanced prototypes.

  • Led concept testing with users to refine tone, motion, and haptic details.

Approach

  1. Defining a Premium Visual Language

We departed from safe financial aesthetics and explored bold, high-end treatments.

Action: Experimented with real-world visual effects — glass, foil, bokeh, UV printing.

Impact: Established a darker, minimal, elegant direction that became the foundation of The Coterie’s brand identity.

  1. Prototyping Beyond the Screen

Figma alone limited expression of interactivity and sensor-driven effects.

Action: Shifted into Origami Studio to prototype richer experiences with gyroscope data, haptics, and real-time motion.

Impact: Developed a foil effect that changed color with device tilt, extending to buttons, borders, and typography. This became a signature design element.

  1. Making Membership a Moment

Joining The Coterie needed to feel substantial, like receiving a premium card.

Action: Designed a digital membership card in Origami, layering masks, lighting effects, and subtle gyroscope motion.

Impact: Created a moment of delight early in the journey that reinforced exclusivity and care.

  1. Rethinking Investment Input

The original investment slider was functional but uninspired.

Action: Designed a new slider that adapted to any range without implying judgment about low vs. high values. Added micro-interactions and haptics (e.g., numbers “hopping” with each tick).

Impact: Elevated a transactional task into a unique, tactile interaction that matched the product’s premium tone.

Outcomes

New Foundation

Visual direction informed not just the product, but also the website and follow-up experiences.

Visual direction informed not just the product, but also the website and follow-up experiences.

Prototyping Culture

Origami prototypes set a new bar at MetaLab, leading me to create internal and public tutorials that raised the team’s capabilities.

Origami prototypes set a new bar at MetaLab, leading me to create internal and public tutorials that raised the team’s capabilities.

Reflections

This project demonstrated the power of pushing tools and mediums to create richer user experiences. By blending high-end aesthetics with advanced interaction design, we gave The Coterie a distinct identity that influenced both its brand and its future product evolution.

© 2025 Wayne Sang

© 2025 Wayne Sang

© 2025 Wayne Sang