Redesign of Pricing Portal

Overview
MAERSK is an integrator shipment & logistics organization. To modernize their internal products in terms of scalability, integration of new Design System and support Pricing Managers to set pricing in an easy manner by eliminating to work with 3rd party tools & manual reports.
Deliverables
Persona
Experience Map
Hifi Mockups
Tools
Figma
Dovetail
Medallia
Frontify
My Role
Worked as a solo designer with complete ownership of the product by following end-to-end design process
Challenges
Pricing Managers have no inland data visibility
No activity log to view the updates made by any PMs
No option to view initial rate card
Manual setting of Pricing Ladders
Solution
Redesign of Dashboard with more data visibility
Design a log page with amendment data
Integration of notification to auto enable Pricing Ladders on demand
Design impact
Unified dashboard
Easy access to reports
Unified UI elements for seamless experience
Automatic alerts for price settings
Business outcomes
50% time reduced in price setting
Reduced operational cost
Before

After

Creative process
In this project, I followed the Design Thinking approach. I started with Heuristic Evaluation followed by Generative User Reseach to understand the current experience of the users using the product, their needs and expectations.

Discovery
The project was to re-design our current Pricing portal, so I started with Heuristics Evaluation to analyze the exisiting Usablity issues with the product and what we can improve before starting out the new design.

The Heuristics Evaluation was conducted in collaboartion with a Usability Expert. The report shared served our Product Owners to prioritize the backlog. Apart from that it also gave me a direction on what additional I need to learn from my users in terms of product experience. So, I conducted a Generative User Research
- User Interviews to capture user challenges, needs
- Contextual enquiry to understand how users are actually using the product daily to make informed decisions
Research goals
- Uncover any issues users are facing in their day-to-day work
- What aspects of the product work well for the users? What do users find frustrating?
- Identify key areas of focus that needs to be prioritized
- Use opportunities to help inform UX Roadmap
Research insights
Easy data visualization
Graphical data represntation can be made easier to read for making informed decision. Also can have filters for comparison
Error prevention
Prompt users with actionable error message for wrong doings at the earliest in their preferred channel to take any precautions in any route
Seamless experience
To have similar functional behavior throughout the app & should have all functional capabilities integrated into one app supported by external products
Persona

I also conducted a Survey to get the prespective of the data captured from research from all users using the product. And it was great revelation as the idea of conducting Survery proved positive. More than 90% of users response matched the research insights. Which was very conclusive for me to suggest that certain areas require UX attention with a overall redesign with integrating of new design system.
Survey insights
%
Learnability
%
Error Prevention
%
Easy Visualization
%
Seamless Experience
Now the most interesting work for me was to present those insights to my product owner for prioritization of the work along with existing ongoing work. For which I created the report in two different formats.
- A detailed report in Dovetail, with high-level overview in Confluence
- Presentation consists of – Research Plan, Persona, Experience Map, Key Finding
The Journey Map was created as it was easy to present the UX recommendations against each area of the product in an easy readable format. It was also helpful for the stakeholder to review the details as well.

Design




Learnings
- The research findings turns out to be very helpful when connecting with stakeholders
- Team collaboration, all research work was done together with developers
- Driving end-to-end research work was fun and challenging to get hold to participants and also stakeholder buy-in
Other projects

Jotlines
UI/UX Design, Web Design
Helped with UI/UX solutions by designing a mobile app for students where notes can be made easily available.

Attra Wallet
UX Design
Helped with designing a payment app for in-house employees to make day-to-day transactions easier.
Discover the Power of Strategy
Have a project in mind? Let's work together!
I’m here to help. Just answer a few simple questions to help businesses like yours unleash their full potential with innovative solutions.
Forcesite Landing Page Redesign

Landing Page
Re-design
Client
KVP Business Solutions
Tools used
Figma
Deliverables
Landing page design
Styleguide
Overview
Re-design the landing page of the KVP Business solutions email marketing campaign, to provide easy access to update or edit user preferences
Challenges
Option to edit user preference was not available
Solution
- Helped with re-design the landing page and provided an easy way for user preference update.
- Used LDS (Lightning Design System) to make the design compatible with Salesforce, as per client requirement
My Role
- User Experience
Creative process
Helped the client with designing the product app and website by understanding the goals and success metrics for the project. Followed the traditional UCD (User Centric Design) process.
Research
Define
Ideate
Design
Research

After understanding the business goals and project requirements, I started with Heuristic Evaluation, to figure out the challenges and issues, that existed in the present design. The purpose of this research was to figure out the below areas.
- To make the client understand the issues already existed in the present design, which need to be fixed
- To provide me a starting point of what areas I need to focus on while re-designing that improves the UX of the design
I conducted a thorough audit of the live application, prepared a UX report, and presented it to stakeholders, to analyze and discuss the next steps for the project.

Define

After presenting the Heuristics to client stakeholders, I started with creating the wireframes to ideate on possible layouts and content patterns. Created 3 variations for both web and mobile to validate with the stakeholders.

Design

After confirmation of the wireframe from the client, I started with the Visual Design. Created the style guide and the hifi mockups.
Color scheme
The color scheme was selected based on persona and business goals

UI elements
Typography
Segoe UI is used throughout the design, as recommended for Salesforce Lightning Design System in Windows








Other projects

Khabar Priyo Bangali
Branding, Website Design & Development
Helped with branding, UX, and customized website development services for the restaurant.

FCI Dashboard Design
UX Design
Helped in designing the dashboard for displaying internal business unit performance in one single platform.
Thanks for viewing
Have a project in mind? Let’s get to work!
I’m here to help. Just answer a few simple questions to help me understand about your requirements and we can take it forward from here.
FCI Dashboard

Dashboard Design
Client
KVP Business Solution
Tools used
Figma
Deliverables
UX Design
Styleguide
Overview
To design a dashboard for displaying internal business unit performance in one single platform.
To automate the business performance tracking across internal departments so that it becomes easier for management to do yearly planning
Challenges
No one-stop platform to view department performance
Manual report preparation
Solution
- Design a web portal so every department can update its status in a timely manner.
- Design a dashboard, to present important KPI’s in a view.
My Role
- Visual Design
- UX Design
Creative process
Define
Ideate
Design
Discovery

After understanding the business goals, I planned to conduct a strategy workshop with the stakeholders to define the UX KPIs and overall project requirements. The project took almost 2 months to complete and handoff to the client product team to develop.
I started with some research and learnings about best practices for designing Dashboards. I gathered a couple of design inspirations from Behance and Muzli.
Define

Started brainstorming sessions with the stakeholder and other department heads to ideate on possible solutions. The goal of this process was to figure out the below areas.
- The KPIs to track on the platform from different verticals of the organization
- To understand different tasks users willing to perform by creating User stories & HMW (How Might We) questions.
- Create an information architect to understand the functional aspect of the product from the project manager.
Design

I started with creating the wireframes to validate the content layout for the portal. After creating the hifi mockups I also performed Usability to validate the designs.
Usability findings






Key impact
Before starting the project, we decided to track some of the metrics to define UX success. The insight is from a period of 6 months post-launch of the application.
- Time saved – 50%
- Reduced server downtime – 35%
- Incidents – 40%
Key learnings
- Creating the information architect with a complete understanding of the functional side of the product is crucial. It helps the designer determine the interaction.
- Improved communication skills as there were multiple meetings and presentations with the stakeholders and client management.
- Developer collaboration is very helpful early in the design process, as it helps to overcome design debt.
Other projects

Jotlines
UX Design, Website Design & Development
Helped with UX design solutions by designing a mobile app for students where notes can be made easily available.

Attra wallet
UX Design
Helped with designing a payment app for in-house employees to make day-to-day transactions easier.
Thanks for viewing
Have a similar project in mind? Let’s get to work!
I’m here to help. Just answer a few simple questions to help me understand about your requirements and we can take it forward from here.
Map ur Mind

Website Design & Development
Client
Subra Mukherjee,
TEDx Speaker, Coach
Tools used
WiX
EditorX
Deliverables
5+ Screen Design
Style guide
SEO & analytics
Overview
To develop a personal coaching website so that she can conduct her webinar and sell courses.
Challenges
Being a mind mapping certified coach in India, she was in a mission to solve some of the below mentioned challenges
Helping people identify their niche and accelerate their learning
Increase their task bandwidth
Solution
After understanding the requirements, the solutions suggested were
- To create a landing page specific to her webinar topic,
- Develop a custom website with all courses and blogs.
My Role
- Website Design
- Website Development
Creative process
Helped the client with developing a custom website in WiX.
Discovery
Design
Develop
Deliver
The UI elements like colors and typography were provided by the client and the same was used in development.


Key impact
The website’s performance is monitored regularly via Google Analytics to track the incoming traffic, and if any modification is required. Some of the key highlights we tracked.
- Return Users – 55%
- Free resources – 70%
- Email subscribers – 40%
Other projects

Khabar Priyo Bangali
Branding, Website Design & Development
Helped with branding, UX, and customized website development services for the restaurant.

Jotlines
UX Design
Helped with UI/UX solutions by designing a mobile app for students where notes can be made easily available.
Thanks for viewing
Have a project in mind? Let’s get to work!
I’m here to help. Just answer a few simple questions to help me understand about your requirements and we can take it forward from here.