
Design MVP for CX(Customer Experience) engine
After leading UX discovery our team had discovered the user problems and key use cases. The design phase of this project included building the user’s story and demonstrating the usability of the experience with a clickable prototype.
Building a design experience from the product vision
Design the story of what a future user experience that combines the user and the business insights into a solution that fits the business requirements. We built work products to define a MVP. The final deliverable would feature a limited clickable prototype of screens so that the client could experience the design solution.
My process
- User Stories
- Heuristic Samples
- Wireframes & User flow
- Features & Backlog
- Client Feedback
- Prototype

Develop Empathy
Led discussion with Product and design team to plan features. Capture benefits, needs, expectations.

Analyze Heuristics
Present conventional solutions and mood board to the clients to get feedback on user experience.

Wire Frames & User flow
A story board of how use cases fit together. Then wireframes show how interactions and components will solve problems.

Features & Backlog
To manage the scope & ensure delivery of the project some features are described and planned for future release.

Client Feedback
Management of communications so that user feedback is part of the development and client approval ensures business fit.

Prototype
During the design process the team presents assets and function interaction with iterative levels of fidelity. This ensures that work is based on the feedback loop.
My Role

UX Designer
I contributed as Lead UX Designer.
I also served as UX Researcher for this project.
- Create wireframes and prototypes
- Build design system
- Created storyboard and user flows
- Design aesthetic look and feel
- Manage brand standards for usability and accessibility
Collaborators
- Sr. Visual Designer
- Product Manager
Work Showcase

Prototype CX Engine
Admin User Interface
I built 15 screens for a clickable backend user interface of a desktop application. The user for this app is a business user with office and communication skills, but minimal coding and tech skills. This user would be comfortable in Microsoft suite or Google office. The user wants to enter content for customer experience campaigns with minimal dependency on IT.
CX Engine backend Manger

Map of how users use the interface to complete different tasks
The prototype included 7 screens to complete 15 different tasks required to build and manage customer data campaigns.
My Campaigns (List Screen)
Low fidelity wireframe

High fidelity wireframe

Manage Campaigns
The customer experience team had to manage hundreds of campaigns simultaneously. The customer data would change real-time and lots of flexibility was needed.
I designed a list screen that showed all of the CX campaigns and their status, so that the user could easily find the campaigns.
Campaign Configurator (Wizard)
Low Fidelity wireframe

High Fidelity wireframe

Building campaigns
The customer experience team was dependent on technical team members and IT support to push customer data the in-flight team in order to implement the campaign. They needed to be able to build campaigns independently to achieve the flexibility needed to execute this strategy.
I designed a progressive stepped wizard screen to guide the highly technical task, to support learnability for non-tech business users.
Human centered design
Define the current state of user experience
After research and discovery activities I was able to identify the users and the major problems with the current state of the experience with the customer engine. I described 3 users for the CX engine and the obstacles to meeting the business . Then we aligned with the client on which user was the key use case to test for the MVP.

Interaction design

Flexible & speedy response
MVP needed to show the client how to give the user the ability to configure new rule logic live and without the need for technical scripts. This steps needs to have a preview and a sandbox so that the business user can edit business levers that come from executive direction.

Preview changes before publishing
In order to be able to respond our business user needs to play with business levers and see what impact those changes would have before they go live. The "Preview Result" button opens a new window that shows how a change impacts customer data.
User friendly configurator
Adding and changing rules and logic required scripting a logic statement, and it was too technical for business user. The new configurator used a wizard and drag and drop.

Campaign Orchestration
One of the bigger gaps we need to solve was how to mange campaign content data. Many CX campaigns needed to run concurrently with variations to rules/logic and on different flights.
Toggle screen view:
List view for managing the full list of campaigns
Calendar view for planning or scheduling campaigns.
List view
Calendar view
-
Hi, I’m a TooltipHi, I’m a TooltipHi, I’m a TooltipHi, I’m a TooltipHi, I’m a Tooltip
The list view showed all campaigns with a full set of sort and filter tools for easy customization of the data grid. As the list of campaigns grows, it becomes harder to visualize how future scheduled campaign durations overlap.
-
Hi, I’m a TooltipHi, I’m a TooltipHi, I’m a TooltipHi, I’m a TooltipHi, I’m a TooltipHi, I’m a Tooltip
The calendar view showed all campaigns in a gantt chart inspired by the Outlook calendar “Scheduling Assistant”. It is ideal for planning and scheduling because you can see how campaign dates overlap.
Future ideas for Business users

Roadmap & future recommendations
Implementing deeper seamless integrations between backend and logic engine, instant pause campaigns, content publish features, seamless user management, and notification & messaging, business can run engine with IT, drag and drop logic configuration,