DIGITAL MARKETPLACE

Csmart DM is a revolutionary cloud-native, white-label digital marketplace designed for service providers (telcos, media houses, enterprises) to manage and monetize digital services (SaaS, PaaS, IaaS, and virtualized services). This platform connects platform providers, digital service sellers, and end-users, enabling service providers to become fully digital and deliver seamless customer experiences.

ROLE

Senior UI UX Designer @Covalense Digital

SCOPE

UX Design | Visual Design

DURATION

6 months

TOOLS

SOLUTION

Responding to the design brief, the team has developed a unique hair donor-cancer patient intervention. This socially conscious venture is based on collecting hair data about wig construction, ensuring individual and collective well-being in cancer patients.

WHAT IS WHITE LABEL DIGITAL MARKETPLACE?

A white-label digital marketplace allows partners (e.g., service providers) to customize and brand the platform as their own while using the core features developed by the host provider. It supports seamless partner onboarding, the sale of SaaS, PaaS, and industry-specific solutions, and flexible partner management.

The platform enables:

Customizable Storefronts: Each partner can modify the platform to reflect their brand identity.
Scalable Infrastructure: Built with CICD integration, Kubernetes, and Docker, it allows rapid deployment of new instances.
Partner and Revenue Management: Simplifies the process of onboarding partners, configuring offers, and settling revenue in real time.

DESIGN PROCESS

Discovery and Planning

Collaborated closely with product managers and stakeholders to define the platform’s core features and map user journeys.
Developed user personas for platform providers and service partners, identifying their goals, frustrations, and needs. This ensured a well-rounded design tailored to both user groups.

01

Ideation & Conceptualization

Workshops: Facilitated ideation workshops with cross-functional teams to brainstorm potential solutions for pain points such as partner management and offer setup.
Sketching & Wireframing: Developed low-fidelity wireframes to visualize user flows. These sketches emphasized seamless partner onboarding, service configuration, and revenue management

02

Prototyping & Testing

Created high-fidelity prototypes using Figma, shared iteratively with stakeholders for feedback.
Conducted usability testing with focus groups, composed of service partners and platform users. Tested the ease of use for both technical and non-technical audiences.
Iterated prototypes based on continuous rounds of user feedback to ensure the platform met user expectations.

03

Design System Development

Built a modular design system to ensure consistency and scalability across the platform.
- Component library for reusable elements
- Typography guidelines
- Flexible colour palettes for customizable partner storefronts.
Designed the system to allow partners to easily align the platform with their own brand identity.

04

Iteration & Refinement

Refined the user interface based on continuous feedback and testing with partners.
Focused on ensuring WCAG accessibility compliance, making the platform user-friendly for all, including those with disabilities.

05

"The vision is to offer service providers a tool that lets them grow their offerings easily. Scalability, security, and speed are crucial to achieving this goal." - Stakeholder

INFORMATION ARCHITECTURE

WIREFRAMING

cDM Redesign Wireframe-Layout 1_edited.j

2-DBM-Guest User-All Services expanded_e

UX and Wireframing

VISUAL DESIGN

The visual design of the Csmart DM digital marketplace focuses on creating an intuitive and professional user experience. The colour palette primarily uses shades of blue, reflecting a corporate and trustworthy feel, while ensuring easy white labeling for partners. Easy-on-the-eye layouts and a consistent visual hierarchy provide a clean and accessible interface. High-fidelity wireframes and prototypes were iteratively refined based on user feedback, ensuring all necessary features were included. Overall, the visual design balances aesthetics with functionality, delivering a user-centric and adaptable digital marketplace.

Explore the full prototype here

UI STYLE GUIDE

The style guide contains essential details related to the Digital Marketplace user interface, ensuring consistency throughout the design. It defines elements such as typography, colours, and components that comply with brand guidelines.

TYPOGRAOPHY

COLOUR PALETTE

ICONOGRAPHY

COMPONENTS

CARD STYLES