UX
UI
UI
Delivery Work Bench
38%
less interactions Increasing efficiency and productivity for the user
C-Suite audience
as the primary user of the platform
Documentation hand off
to facilitate the smooth transition of the project
suite
audience
Increasing efficiency and productivity for the user
Branding, Web Design
suite
audience
Increasing efficiency and productivity for the user
Branding, Web Design

Project Overview

Phase 1: Data Driven Reinvention

The DDR project was a pivotal initiative focused on transforming the sales and delivery strategy for high-profile clients. The primary objective was to evolve the existing DDR Playbook, initially presented in PowerPoint, into a dynamic and interactive micro-site. This transformation sought to move beyond the static nature of traditional slide presentations, creating an engaging platform that resonated with C-Suite executives through compelling and data-driven narratives.

Phase 1: Delivery Workbench

The DDR Delivery Workbench was developed as a comprehensive system to streamline the project creation process for DDR employees. This platform unified resources, methodologies, and strategies into a single, intuitive interface, integrating modular products like the Business Case Builder, Roadmap Generator, CDE Manager, and Organization Model Builder. The workbench aimed to enhance the overall user experience, reduce manual input, and foster efficient project management.

  • Team: Project manager (x1), Design lead (x1), UX UI Designer(x3).
  • My role: UX UI Designer.

Phase 1: DDR

Key Achievements & Responsibilities

  • Intuitive Interactions: Translated functionalities from the existing PowerPoint document into interactive elements within the platform, ensuring a smooth transition from static to dynamic interfaces.

  • Development Team Alignment: Coordinated with the development team to ensure technical feasibility and alignment with design specifications, facilitating smooth implementation of interactive features.

  • Design Kit Creation: Developed a comprehensive design kit to standardize UI components and ensure consistency across the platform.

Phase 2: DW

Key Achievements & Responsibilities

  • Developed Composable Platform: Designed a modular platform with core functionalities to enhance project management efficiency.

  • Blueprint Creation: Crafted detailed blueprints to guide the platform's development and implementation, ensuring alignment with project goals.

  • Architectural Information: Created and refined informational flows to facilitate intuitive user interactions and optimize user experience.

  • Informational Flows & Wireframes: Designed comprehensive architectural layouts and low fidelity wireframes to define the platform’s structure and user flow.

  • Atomic Design Style Guide: Established a style guide based on atomic design principles, including atoms (colors, typography, icons), molecules (form fields, navigation elements), organisms (headers, sidebars), and templates to maintain visual consistency and support scalable design solutions.

Atomic Design Style Guide