A CX platform built for data clarity and fast execution
Services
Brand identity
Product design
Design system
Responsive design
Developer handoff
Product design
Design system
Responsive design
Developer handoff
Client
Out of Dark
Timeframe
2023 - 2024
Out of Dark is a customer experience platform that helps companies visualize their full customer journey, connect it with live business data, and understand what is happening across touchpoints in one place
Our role covered both brand and product design from scratch. We designed a data-heavy platform with clear visual hierarchy, responsive views, and a custom design system built on top of a React library to help the client move faster without sacrificing quality.
Our role covered both brand and product design from scratch. We designed a data-heavy platform with clear visual hierarchy, responsive views, and a custom design system built on top of a React library to help the client move faster without sacrificing quality.
Key outcomes
- Full brand and product design delivered from scratch
- Data-heavy dashboards made clearer through a strong visual hierarchy
- Brand and UI were developed in parallel for faster delivery
- Customized React design system for handoff to the client’s dev team
- Desktop and mobile responsive views
- Close collaboration with the client’s development team
Building the brand alongside the product
Turning a data-heavy CX platform into something people can read
Designing an MVP fast without losing quality
Speed mattered, but not at the cost of product quality. The challenge was to move fast enough for an early-stage company while still building something that felt production-ready.
That required a delivery approach built around preparation, constant communication, dedicated focus, and smart shortcuts where they made sense. The founder came in well prepared, the feedback loop stayed tight, and the team worked in a way that supported real momentum instead of performative speed. In projects like this, fast delivery is only useful if it still produces a product that users and investors can take seriously.
That required a delivery approach built around preparation, constant communication, dedicated focus, and smart shortcuts where they made sense. The founder came in well prepared, the feedback loop stayed tight, and the team worked in a way that supported real momentum instead of performative speed. In projects like this, fast delivery is only useful if it still produces a product that users and investors can take seriously.
Research
& Brand Foundation
The work began with strong input from the founder, including market research, competitor analysis, and user interviews.
On that foundation, we shaped the brand direction and early product thinking so the platform could feel both distinctive and credible from the start.
On that foundation, we shaped the brand direction and early product thinking so the platform could feel both distinctive and credible from the start.
UI Design
& System Building
From there, the focus moved into interface design for a data-heavy product where clarity was critical.
At the same time, we built a design system that connected brand and UI through shared rules, tokens, and reusable patterns, helping the product stay consistent as complexity grew.
At the same time, we built a design system that connected brand and UI through shared rules, tokens, and reusable patterns, helping the product stay consistent as complexity grew.
Handoff
& Fast Implementation
The final phase focused on making the system practical for the client’s development team.
By customizing a React library to match the final design language, we supported a faster handoff and a more efficient implementation process without sacrificing the bespoke feel of the product.
By customizing a React library to match the final design language, we supported a faster handoff and a more efficient implementation process without sacrificing the bespoke feel of the product.
“The collaboration with Outloud was outstanding from start to finish.
They understood our vision and delivered beyond expectations. I recommend them without hesitation.”
Using a customized React library instead of starting from zero
To move faster, we did not build the design system from scratch. We started with an open-source React component library and adapted it heavily to fit the product vision.
That decision helped the client’s development team start with production-ready components while still giving us enough flexibility to shape a bespoke-looking product.
The challenge was not only using the library, but pushing it far enough that the final interface no longer felt library-based. This approach saved time, reduced unnecessary groundwork, and created a more practical path to launch without lowering design ambition.
That decision helped the client’s development team start with production-ready components while still giving us enough flexibility to shape a bespoke-looking product.
The challenge was not only using the library, but pushing it far enough that the final interface no longer felt library-based. This approach saved time, reduced unnecessary groundwork, and created a more practical path to launch without lowering design ambition.
2 months
From zero to one
100+
Unique screens
1
Customized React base
