Cloud 9 Technologies

Designing a Unified Platform for Trading and Support

Client

Cloud 9 Technologies

Year

2019

Roles

Product Design, UX/UI Design, Visual Design, Front-End Development

Art Direction, Motion Design, UX Design, Print Design

Tools

Invision, Illustrator, Photoshop, WordPress, Desk.com (Salesforce), HTML, SASS

Cloud9, a leading cloud-native voice system for traders and financial professionals, needed a rebrand that could match the scale and credibility of its growing platform. The challenge was to modernize the brand while translating it across multiple touchpoints, including a website, product interface, and customer support experience.

Working under a tight timeline, the goal was to create a cohesive, enterprise-ready design system that could unify the brand while improving usability across both customer-facing and internal tools.

From Brand to System

To establish consistency across touchpoints, I developed a flexible interface design system that could extend from marketing to product.

The visual language focused on clarity and structure, using restrained typography, high-contrast layouts, and a refined color system to create a more trustworthy presence. Components were designed with scalability in mind, allowing patterns to repeat seamlessly across environments.

This system became the foundation for both the website and the product reskin, ensuring that each experience felt connected while serving distinct user needs.

This system became the foundation for both the website and the product reskin, ensuring that each experience felt connected while serving distinct user needs.

website redesign

Built in WordPress, the site was designed to balance technical depth with readability. Beyond design, I led the front-end implementation, ensuring that the final build maintained fidelity to the design system and performed reliably across devices.

website redesign

Built in WordPress, the site was designed to balance technical depth with readability. Beyond design, I led the front-end implementation, ensuring that the final build maintained fidelity to the design system and performed reliably across devices.

Structured layouts and modular components made complex information easier to navigate, while maintaining polish.

Structured layouts and modular components made complex information easier to navigate, while maintaining polish.

Product Interface

The product interface was reskinned to improve hierarchy, legibility, and overall usability without disrupting existing workflows. Design decisions prioritized speed and clarity, helping users quickly parse information in high-pressure trading scenarios.

Product Interface

The product interface was reskinned to improve hierarchy, legibility, and overall usability without disrupting existing workflows. Design decisions prioritized speed and clarity, helping users quickly parse information in high-pressure trading scenarios.

By aligning the product with the broader brand system, the experience felt more cohesive and elevated, strengthening user trust.

Support Experience

To streamline customer support, I designed and co-developed a custom helpdesk portal built on Desk.com.

The experience emphasized self-service as the first line of support. Clear navigation and structured content enabled users to find answers quickly, reducing reliance on direct support.

The helpdesk maintained a branded, cohesive experience that aligned with the rest of the Cloud9 ecosystem.

Key Takeaways

This project reinforced the importance of thinking beyond individual interfaces. By designing a system that spanned brand, product, and support, we were able to create a more cohesive and scalable experience. Ultimately, aligning these touchpoints transformed Cloud9 from a collection of tools into a unified platform built for trust, speed, and scale.

Usability drives performance. In high-pressure environments, clarity and speed are critical.

Usability drives performance. In high-pressure environments, clarity and speed are critical.

Design and development are strongest together. Working in code enabled faster iteration and more precise execution.

Design and development are strongest together. Working in code enabled faster iteration and more precise execution.

Systems create consistency. A unified design language ensures cohesion across diverse touchpoints.

Systems create consistency. A unified design language ensures cohesion across diverse touchpoints.

Collaborators

Art Direction: Andrew Beck
Strategy: Austin Stone
Backend Development: Oscar Ouédraogo
Content: Kevin Xu

Jenn Ramos