MCC

MCC

MCC

Laptop showing Manhattan Chamber of Commerce homepage with New York skyline and join button.
Laptop showing Manhattan Chamber of Commerce homepage with New York skyline and join button.
Laptop showing Manhattan Chamber of Commerce homepage with New York skyline and join button.

Role:

Senior Web Designer

Role:

Senior Web Designer

Role:

Senior Web Designer

Role:

Senior Web Designer

Role:

Senior Web Designer

Date:

2015

Date:

2015

Date:

2015

Date:

2015

Date:

2015

Tags:

Platform, Community

Tags:

Platform, Community

Tags:

Platform, Community

Tags:

Platform, Community

Tags:

Platform, Community

Summary

Summary

Summary

A modern interface for a historic community. MCC brings structure, accessibility and quiet confidence to a platform built to last.

A modern interface for a historic community. MCC brings structure, accessibility and quiet confidence to a platform built to last.

A modern interface for a historic community. MCC brings structure, accessibility and quiet confidence to a platform built to last.

Laptop showing MCC events calendar view with weekly and monthly event listings.
Laptop showing MCC events calendar view with weekly and monthly event listings.
Laptop showing MCC events calendar view with weekly and monthly event listings.
Laptop showing MCC events calendar view with weekly and monthly event listings.
Laptop showing MCC events calendar view with weekly and monthly event listings.

the challenge

the
challenge

Designing across distance

MCC was my first large-scale project built fully remote. Teams spread across three time zones worked to create a central web platform for content, data and communication. The challenge was to design something consistent and dependable when everything else, schedules, bandwidth and tools was in flux.

the challenge

Designing across distance

MCC was my first large-scale project built fully remote. Teams spread across three time zones worked to create a central web platform for content, data and communication. The challenge was to design something consistent and dependable when everything else, schedules, bandwidth and tools was in flux.

Manhattan Chamber of Commerce events schedule with podcast, marketing, and networking listings.
Manhattan Chamber of Commerce events schedule with podcast, marketing, and networking listings.
Manhattan Chamber of Commerce events schedule with podcast, marketing, and networking listings.
Manhattan Chamber of Commerce events schedule with podcast, marketing, and networking listings.
Manhattan Chamber of Commerce events schedule with podcast, marketing, and networking listings.

the constraints

the
constraints

Working apart, designing together

Working remotely meant progress was asynchronous. Each region handled different modules of the system with their own priorities and workflows. The design had to provide a shared foundation that kept everyone aligned without forcing uniformity. Communication structure became as important as visual structure.

the constraints

Working apart, designing together

Working remotely meant progress was asynchronous. Each region handled different modules of the system with their own priorities and workflows. The design had to provide a shared foundation that kept everyone aligned without forcing uniformity. Communication structure became as important as visual structure.

Laptop screen showing event page for MCC Chairman’s Conversation with Dwyane Wade and sponsor logos.
Laptop screen showing event page for MCC Chairman’s Conversation with Dwyane Wade and sponsor logos.
Laptop screen showing event page for MCC Chairman’s Conversation with Dwyane Wade and sponsor logos.
Laptop screen showing event page for MCC Chairman’s Conversation with Dwyane Wade and sponsor logos.
Laptop screen showing event page for MCC Chairman’s Conversation with Dwyane Wade and sponsor logos.

the process

the
process

Turning distance into discipline

I began by standardising patterns, from layout grids to typography and interaction logic, so every team could work independently without breaking coherence. Daily design handoffs evolved into a rhythm of documentation, prototypes and recorded feedback sessions. The focus was to make design scalable across distance, not just screens. Collaboration tools became part of the design system itself.

the process

Turning distance into discipline

I began by standardising patterns, from layout grids to typography and interaction logic, so every team could work independently without breaking coherence. Daily design handoffs evolved into a rhythm of documentation, prototypes and recorded feedback sessions. The focus was to make design scalable across distance, not just screens. Collaboration tools became part of the design system itself.

MCC Media Player interface listing business podcasts and audio episodes on the website.
MCC Media Player interface listing business podcasts and audio episodes on the website.
MCC Media Player interface listing business podcasts and audio episodes on the website.
MCC Media Player interface listing business podcasts and audio episodes on the website.
MCC Media Player interface listing business podcasts and audio episodes on the website.

the principles

the
principles

System first, surface second

MCC’s interface design focused on repeatability and logic. Colour, spacing and type all served structure over style. Every component was documented, reusable and tested in live contexts. The result was a product that felt consistent whether viewed from Singapore, Stockholm or San Francisco.

the principles

System first, surface second

MCC’s interface design focused on repeatability and logic. Colour, spacing and type all served structure over style. Every component was documented, reusable and tested in live contexts. The result was a product that felt consistent whether viewed from Singapore, Stockholm or San Francisco.

Manhattan Chamber of Commerce website showing historical timeline of milestones from 1920 to 1989.
Manhattan Chamber of Commerce website showing historical timeline of milestones from 1920 to 1989.
Manhattan Chamber of Commerce website showing historical timeline of milestones from 1920 to 1989.
Manhattan Chamber of Commerce website showing historical timeline of milestones from 1920 to 1989.
Manhattan Chamber of Commerce website showing historical timeline of milestones from 1920 to 1989.

the decisions

the
decisions

Designing for collaboration

The platform was too large for central ownership, so I built distributed decision frameworks. Templates, naming conventions and design tokens that allowed contributors to move fast without breaking alignment. The system shifted from pixel perfection to principle consistency. These rules later informed how I approach multi-team collaboration today.

the decisions

Designing for collaboration

The platform was too large for central ownership, so I built distributed decision frameworks. Templates, naming conventions and design tokens that allowed contributors to move fast without breaking alignment. The system shifted from pixel perfection to principle consistency. These rules later informed how I approach multi-team collaboration today.

Collection of Manhattan Chamber of Commerce web pages including events, members, and history sections.
Collection of Manhattan Chamber of Commerce web pages including events, members, and history sections.
Collection of Manhattan Chamber of Commerce web pages including events, members, and history sections.
Collection of Manhattan Chamber of Commerce web pages including events, members, and history sections.
Collection of Manhattan Chamber of Commerce web pages including events, members, and history sections.

the reflection

the
reflection

Design that endures

MCC showed that leadership in design means building systems that outlast trends. It was less about direction and more about stewardship. Creating foundations others could maintain, adapt and trust over time.

the reflection

Design that endures

MCC showed that leadership in design means building systems that outlast trends. It was less about direction and more about stewardship. Creating foundations others could maintain, adapt and trust over time.

Impact

Impact

Impact

MCC launched as a stable, dependable web platform that brought modern usability to a century-old community. The design system made updates predictable, documentation clear and remote collaboration seamless. Even a decade later, the interface still holds up. Structured, accessible and built for continuity rather than change.

MCC launched as a stable, dependable web platform that brought modern usability to a century-old community. The design system made updates predictable, documentation clear and remote collaboration seamless. Even a decade later, the interface still holds up. Structured, accessible and built for continuity rather than change.

MCC launched as a stable, dependable web platform that brought modern usability to a century-old community. The design system made updates predictable, documentation clear and remote collaboration seamless. Even a decade later, the interface still holds up. Structured, accessible and built for continuity rather than change.

Shop 99