Visual Design

Designing Modular Visual Systems for a Fintech Team

Designed reusable visual systems—email templates, document layouts, and brand assets—that balanced compliance, clarity, and flexibility while enabling teams to self-serve without constant design support.

-

Nutshell Labs

2 min

Yes

Nutshell Thumbanil - Modular

Visual Design

Brand Design

Modularity

Scale

Overview

Context

At Nutshell Labs, a fast-paced fintech SaaS startup, teams frequently needed client-facing materials that were clear, compliant, and brand-consistent. As the volume and variety of requests increased, one-off designs became inefficient and difficult to maintain.

My Role

UX Designer · System Builder

The Design Problem

Visual work needed to scale across teams and use cases without sacrificing clarity or brand integrity.

What needed solving
  • Repeated requests for similar email, document, and slide designs

  • Dense financial and compliance content that required clear hierarchy

  • The need to adapt visuals to different client branding guidelines

  • Heavy reliance on designers for small updates and revisions

Design Approach

Visual work needed to scale across teams and use cases without sacrificing clarity or brand integrity.

What needed solving
  • Repeated requests for similar email, document, and slide designs

  • Dense financial and compliance content that required clear hierarchy

  • The need to adapt visuals to different client branding guidelines

  • Heavy reliance on designers for small updates and revisions

System in Use

Email and brokerage document templates
Designed to prioritize key information while keeping compliance content accessible and readable.

Image 1 - Nutshell

Sales slide templates
Built as modular layouts (cover, agenda, section, single-column, two-column) that teams could copy, paste, and customize as needed.

Image 2 - Nutshell

Brand assets (LinkedIn banners, letterheads)
Updated to align with brand guidelines while conveying trust, clarity, and a modern fintech identity.

Image 3 - Nutshell

Impact on Team & Product

  • Reduced turnaround time for client-facing materials

  • Enabled sales and operations teams to self-serve

  • Improved visual consistency across communications

  • Freed design capacity for higher-priority product work

Reflection

This work reinforced that strong visual systems are less about aesthetics and more about enabling teams. When structure and hierarchy are designed thoughtfully, visual design becomes a force multiplier rather than a bottleneck.

Editor's Picks

Nutshell DS Thumbnail

Auditing and Scaling a Design System for Enterprise SaaS

How we reduced inconsistency while enabling faster product iteration.

I Fly Young Thumbnail

End-to-End Website Redesigns with Ownership

Led end-to-end website redesigns for client organizations, owning projects from discovery through MVP launch while coordinating design, development, and research to deliver on time and at quality.

© Emily Bai · Product Design Portfolio

© Emily Bai · Product Design Portfolio

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