The project was honored with the Team Innovation Award trophy during Huemen's town hall meeting.
6 MONTHS
Duration
Device
Type
Tools
B2B
Dashboard for B2B Marketing
UX RESEARCH
UX DESIGN
Learnings
Respecting the terms of the non-disclosure agreement,
I regretfully cannot disclose additional project details here. Nevertheless, I am more than willing to share insights into my process, the journey undertaken, and the valuable lessons learned during the course of the project.
Communication with Stakeholder
Conceptualising
Collaborative and Cross-functional Skills
Iterative Design Approach
Effective Research Practices
Informed Decision-making
Total Programs
10
Total Projects
401
Total Addressable Spend
$100,000
Total Addressed Spend
$10,000
Total Identified Saving
$9000
CUT OVER PIPELINE
COMPANY
PROJECT NAME
LEVEL 2
CUTOVER
STATUS
DAYS TO CUTOVER
SPEND
SAVING
Status
Request For Tech
0
300,000
0(0.0%)
Not Started
IT Service
Brand A
Siemens EMS
0
300,000
0(0.0%)
Implementation
Facilities Maintenance
Brand A
Backroom Rack
Reduction (S0S882)
0
300,000
0(0.0%)
Not Started
Fixture
Brand A
CCTV Upgrade
0
300,000
0(0.0%)
Award
Safety & Security
Brand A
Background Screening Service
0
300,000
0(0.0%)
Not Started
Human Resource
Brand A
In Progress
On Hold
On Hold
Draft
In Progress
Today
This week
COMPANY
PROJECT NAME
RESOURCE
TSED
Siemens EMS
4/15/2021
$127.132
Tracey Powell
Brand A
CCTV Upgrade
4/30/2021
$0
Joe Kidwai
Brand A
Request For Tech
5/3/2021
$72,533
Charne Gibson
Brand A
Backroom Rack Reduction (S0S882)
5/1/2021
$85,802
Joe Kidwai
Brand A
Siemens EMS
4/5/2021
$2,917
Tracey Powell
Brand A
Strategy Decelopment
Sourcing Executiion
Sourcing Executiion
Plan out of date
Strategy Decelopment
PROJECT FORECAST BY CATEGORY
IN
Marketing
30 Days
FCST SAVING FY2
STATUS
FCST SAVING - FY 2
STATUS
TASK LIST
TASK
RESOURCE
DUE
STATUS
Tracey Powell
Canada Design & Construction
Collection and finalize incumbent historical usage data (10.0d)
Aug 24
Joe Kidwai
Canada Management Consulting
Collection and finalize incumbent historical usage data (10.0d)
Aug 25
Charne Gibson
Retail Company - Telecom Phase 1
Perform Bechmark (3.0d)
Aug 27
Tracey Powell
Canada Design & Construction
(Perform Bechmark (3.0d)
Aug 31
Tracey Powell
Canada Design & Construction
(Perform Bechmark (3.0d)
Aug 31
Daily
IN
By Category
30 Days
ADDRESSABLE SPEND
1B
500M
0
Not Started
Data Collection
Strategy Dev
Sourcing Execution
Implement-ation
Plan out date
Results readout
Award
Contracting
30 Days
By Status
IN
30M
20M
0
Corporate Service
Distribution & Logistics
Facilities
Information technology
Marketing
Packaging
Store FF&E
Tail Speed
IDENTIFIED SAVINGS
Marketing
Facilities
Information Technology
Distribution & Logistics
Packaging
87
23
693
10
3
PROJECT ANALYSIS
By Category
ON TIME PROJECTS
Delayed
Warning
On Time
On Hold
At Risk
87
23
693
10
3
Total Supplier
5000
Filter By
Proj 1(30)
FY 2022
ProdOps
COE
In Process
On Hold
Corporate Service
Corporate Service
+ 3
Clear all
US
LogicSource
Programs
Dashboard
Projects
Spend
Requests
Programs
Dashboard
Projects
Spend
Tasks
Reports
Portfolio
Resource
Default
Risk
NEW
CUSTOMISE
Awards & Recognition
Overview
“ Our client wanted to embark on a transformative journey to overhaul the user experience and visual design of their legacy product suite, which included 5 products.”
Team Structure
UX Consultant
UX Designer
My Role
UI Consultant
UI Designer
Project manager
My RESPONSIBILITIES
User INTERVIEW
RESEARCH ANALYSIS
User Journey Flow
Information Architecture
High FIdElity Wireframes
Design System
In the UX project, I served as a dual-role UX researcher and designer, actively contributing to the visual design approach.
Collaborated with diverse stakeholders and cross-functional teams, emphasizing the importance of integrating various perspectives for a holistic solution within project constraints.
Leveraged research findings and behavioral analysis, substantiated service offerings, and guided key business decisions, ensuring a user-centric and strategically informed design.
Business Decision
Research gave client deeper insight into the organization and helped them take business decisions.
Business Growth - Raise Funding
Integrated and harmonized user experience helped client raise the funding for the company.
Gaining insights into employee pain points
Increased the productivity and efficiency of the employees by understanding their challenges and problems.
Impact
The UX revamp was promoted and published across multiple platforms.
The funding raise was prominently showcased on New York's Times Square.
The end goal was to deliver a contemporary, user-friendly design that revitalizes the products while maintaining compatibility with the existing infrastructure.
Usability
Enhance dashboard usability
UX Revamp
Clean navigation structure
UI Revamp
Consistency across platforms
Legacy Challenges
Cohesive and intuitive user experience
Given that the current products are legacy systems, the project involved not only modernizing the interface but also addressing legacy challenges to ensure a cohesive and intuitive user experience.
Goal
The primary objective was to :
Design Process
Discover
Feature list
Card Sorting
How might we’s
Wireframe
Atomic Design
UI Screens
Design System
Component Library
Client Workshops
Business Flow
User Interviews
Process Mapping
Define
Design
Deliver
Mapping Business Ecosystem and stakeholders
Business High Level flows:
to understand the system, activities involved, and interaction of multiple products during different stages of business to improve digital touch points.
Client Workshop
Product walkthrough
In this initial phase, the project was introduced and contextualized. Stakeholders and team members familiarized themselves with project objectives, scope, and constraints.
This step established a shared understanding and set the foundation for the UX process.
Product Suite
*Please note product names are not written for NDA*
Collection
Source
Deal
Purchase
Created by Heztasia
from the Noun Project
Analysis
UX Audit
The audit was instrumental in :
Identifying potential pain points that could disrupt the user experience and workflow.
Allowing us to focus during user research, on areas that needed improvement and gather targeted feedbacks as well on specific challenges
*50+ Screens Audited
Deep Navigation
Tedious and time consuming filters
OLD SCREEN - insights
Static Cards
Scattered clustering of data
Unclear CTA
Process Map
Comprehensive research was conducted, involving the creation of a process map to outline key stages and steps.
Helped Improve communication between client and design team
Collaborate to identify problems and possible solutions
17
User Interviews
Exploring the user's realm...
Buyers
Project Manager Leads
Finance Manager
Buisness Analysts
Spend Analysts
Production Manager
Procurement Manager
Client Analysts
Director
Buisness Development team
The design must consider the needs of over 10 stakeholders, each with relevant and distinct requirements.
During User interviews we delved into understanding user needs, behaviors, and pain points.
This research phase formed the basis for informed decision-making throughout the design process.
How might we?
Design Directions
Interview Data clustering
Uncovering painpoints
Low Engagement with Dashboard
User research revealed that the dashboard, which the company regarded as a key feature, was rarely used.
User IntervieW synthesis
After gathering research data, the synthesis phase
involved organizing and clustering information to identify patterns and insights.
This step included a thorough analysis to find key issues.
"How might we" statements were formulated to reframe challenges
as opportunities, guiding ideation towards potential solutions.
Limited dashboard relevance
lack of data access, rendering the dashboard irrelevant for users' project needs.
Rough transition between multiple products
Switching between multiple dashboard for the product suite user was tedious and cumbersome.
Failed to address multiple Stakeholder
dashboard did not meet the diverse needs of multiple stakeholders involved in various projects.
How might we statements and prioritization with Client
and more..
Features / Design directions
Considering development and legacy platform limitations, we developed these key solutions:
Product specific solutions :
Seamless platform switching
ensures that all tools work cohesively, fostering a more productive and user-friendly environment.
Uniform top navigation bar
Gives consistent brand experience.
Scaled color palate
Improved accessibility, Enhance visual hierarchy to giv harmonious experience
Standardizing CTAs
Enhance usability and aesthetics by creating a smoother, more intuitive call to actions for users.
Customizable Dashboard
Adaptable, flexible to the year long changing needs of the stakeholder
Seamless Shopping Experience
Dashboard should assist stakeholder in the current and relevent need of thestakeholder
Quick Access
Should be able to take required actions from the Dashboard
Drill Down Approach
Adaptable, flexible to the year long changing needs of the stakeholder
Concept Ideation
US
Company Name
Programs
Dashboard
Projects
Spend
Requests
DIVERSITY TYPE
SPEND $
SPEND %
Product Name
Title 1
112
Title 2
10
Title 3
5
4
28
Title 1
Risk: Accepted Events
15
Lorem Ipsum
253
Select All
Select All
Select All
Select All
Select All
Project Leader
Level 1 Category
Event Status
Event Type
Company
VIEW BY:
EVENT PIPELINE
SOURCING EVENT BY ESTIMATED SPEND
EVENTS UPDATED IN LAST 5 DAYS
SOURCING EVENT BY CATEGORY
SOURCING EVENT BY TYPE
EVENT PIPELINE BY MONTH
Ability to view by month or quarter
View of spend on a 100% scale
Option to choose category level to view
View of recent sourcing events in each category
with option to expand list by interacting with graphs
we can show Level1 and Leve2 categroies
In this phase, insights were translated into tangible concepts. Designers ideated and conceptualized potential solutions, which were then translated into wireframes—skeletal representations of the interface. Wireframing served as a visual blueprint, outlining the structure and functionality of the user interface before moving into the detailed design and prototyping stages.
Key pages on Level 1
Flat Navigation improving discoverability
Create Multiple Dashboards for Versatile Use Cases
Pre-saved filter and quick application
Scalable and Modular
approach for widgets
Drill down approach for KPIs and Widget
Content Grouping for ease of navigation