Forcesite Landing Page Redesign

KPB-Case-study-cover

Landing Page

Re-design

Client
5

KVP Business Solutions

Tools used
5

Figma

Deliverables
5

Landing page design

5

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

M

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

strategy-workshop

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.

Persona

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.

User story

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

color palette
UI elements
Typography

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

KPB-typography
Homepage
Profile
Homepage
Homepage
Homepage
Homepage
Homepage

Other projects

KPB-case-study-cover
Khabar Priyo Bangali

Branding, Website Design & Development

Helped with brandingUX, and customized website development services for the restaurant. 

FCI-dashboard-works-cover
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.

Join the community

Find me on

FCI Dashboard

FCI-Dashboard-Case-study-cover

Dashboard Design

Client
5

KVP Business Solution

Tools used
5

Figma

Deliverables
5

UX Design

5

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

M

No one-stop platform to view department performance

M

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

strategy-workshop

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

Dashboard
Profile
Dashboard
Dashboard
Profile

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-Works-Cover
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-works-cover
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.

Join the community

Find me on

Map ur Mind

Map-ur-mind-Case-study-cover

Website Design & Development

Client
5

Subra Mukherjee,

TEDx Speaker, Coach

Tools used
5

WiX

5

EditorX

Deliverables
5

5+ Screen Design

5

Style guide

5

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

Q

Helping people identify their niche and accelerate their learning

Q

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.

Homepage
Profile

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

KPB-case-study-cover
Khabar Priyo Bangali

Branding, Website Design & Development

Helped with brandingUX, and customized website development services for the restaurant. 

Jotlines-Works-Cover
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.

Join the community

Find me on

Attra wallet

KPB-Case-study-cover

Mobile & Web App Design

Client
5

Attra

Tools used
5

Adobe XD

5

Miro

Deliverables
5

Styleguide

5

Hifi Mockups

5

Prototype

Overview

Attra is a service-based company in the B2B domain. They specialize in the banking, finance, and payments industry. To showcase their expertise in the payment domain, they wanted to launch a payment app for in-house employees. The idea was to integrate their rewards system and provide employees with a more convenient way to make payments to the office vendors in the cafeteria and promote domain expertise and branding.

Challenges

M

Employees rewards platform was difficult to access

M

Failed transaction due to poor network connectivity

Solution

N

QR based payment app

N

Redeem rewards to wallet

N

Pay later option, incase of network issues

My Role

  • User Experience
  • Visual Design

Creative process

Since the project had a short timeline for launch, the process I followed was Double Diamond as it helped to align with stakeholders the work we will be doing in each phase and the value we can have by following the same.

Research

strategy-workshop

After discussing the project requirement with the project manager and business head, I started to interact with our employees to understand what challenges they face to make payments and the issues faced to interact with the rewards portal. The purpose of this research was to figure out the below areas.

  • To deep dive into the user’s actual needs, how they are dealing with the present situation, and what ideas they have to improve the challenge they are facing
  • To understand user’s reactions to integrating a rewards system into a payment app, which could also help them with coupons and offers in day-to-day transactions.

The process I used to conduct my research findings was MVR (Minimum Viable Research) as I needed to validate my hypothesis and have some insights to share with the stakeholders.

During the research, I observed that most of the users were not much interested in using a separate payment system, even though there were instances of failed and delayed transactions. But when they realized that the organization was also planning to integrate our reward system where they can avail of discounts and offers, they seem to like it.

Also, as mentioned, employees were very hurt as they were sometimes failing to redeem their rewards on time, with no reminder.

Define

In this phase, we actually did multiple ideations and brainstorming session with stakeholders. The goals of this process was to figure out the below areas.

  • To define the user’s journey and map out the activities.
  • To understand different tasks user might be willing to perform by creating User stories & HMW (How Might We) questions.

The product was designed for three different roles. One for the employees (user) and the other two for admin, agents with different tasks.

For users
  • Make payment for any purchase
  • Redeem rewards in the wallet
  • Apply coupons/offers in the transactions
  • Users can Pay later if required for situations like poor network or failed transaction
For admin
  • Approval for the vendors onboarding
  • Tracking of all users detail
  • Tracking of any disputes between vendors and employees
For Agents/Vendors
  • Payment accept
  • Offer discount
  • Menu uploading
  • Transaction details

Design

We started with creating the information architect, followed by wireframes to validate the content layout for the app. After creating the hifi mockups I also performed Usability to validate the designs.

Usability findings
Color scheme

The color scheme used was the brand colors.

color palette
Typography

Typography used was Source Sans Pro

KPB-typography

Admin Dashboard

Profile
Homepage
Profile

Usability findings

Q

Unclear, with profile and homepage

Q

Offers from vendors were difficult to find

Q

Transaction details was in side nav

User app (Employees)

Homepage
Homepage
Profile
Profile

Key impact

Once the app was launched, it was observed that there were still disputes in transactions, however, the wait time was reduced for both employees and vendors, as the Pay Later feature eased the transaction. Also, there was a great response due to rewards redemption and discounts.

  • Failed transaction – 55%
  • Wait time – 35%
  • EMPLOYEE SATISFACTION – 75%

Other projects

Jotlines-Works-Cover
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.

FCI-dashboard-works-cover
FCI Dashboard

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.

Join the community

Find me on

Khabar Priyo Bangali Website Design

KPB-Case-study-cover

Website Design & Development

Client
5

Khabar Priyo Bangali

Tools used
5

Figma

5

Figjam

5

Wordpress

Deliverables
5

Branding

5

Website Design & Development

5

UX Design

5

Product photography

Overview

To develop a website for cloud kitchen for increase customer visibility and sales.

Challenges

M

Less customer visibility

M

Manual order processing

M

High profit percentage share to marketplace

Solution

We came up with multiple options from which the solutions recommended are as below:

  • Develop a brand strategy with SEO optimized order making website.
  • Email campaigns with offers
  • Dashboard for tracking the business performance

My Role

  • User Experience
  • Website Design
  • Website Development

Project Duration

  • 7 months

Creative process

Helped the client with designing & developing the website. Followed the 5D design process for developing the website.

Discovery

Research

Ideate

Design

Develop

Research

strategy-workshop

In the Discovery phase, we started with understanding the business goals, project requirements, and target audience. After that, I started conducting competitive analysis and interacted with some of their users. The purpose of this research was to figure out the below areas.

  • To deep dive into user’s challenges and how better we can solve them
  • To figure out the gaps in their competitors and to leverage them.
  • In addition to competitive analysis, we also had to perform a SWOT analysis. This was done to understand the client’s present business condition and how to position themselves as a unique brand by filling the gaps available in their competitors.
KPB-Stylescape
Persona

Define

In this phase, we actually did multiple ideations and brainstorming session with stakeholders. The goals of this process was to figure out the below areas.

  • To define the user’s journey and map out the activities.
  • To understand different tasks user might be willing to perform by creating User stories & HMW (How Might We) questions.
User story
SWOT-Analysis-KPB

The challenges faced in Define phase was mainly in creating the Joruney Maps.

  • Created two Journey maps, one was to figure out the customer acquisation journey which includes the sales funnel
  • The other was at the user level, the different tasks they will be performing at each phase.
  • I had to interact with their Marketing campaign people to understand the digital acquisation process, figure out if there is any area we can enhance.

Design

We started with creating the information architect, followed by wireframes to validate the content layout for the app. After creating the hifi mockups I also performed Usability to validate the designs.

Color scheme

The color scheme was selected based on brand attributes and persona.

color palette
UI elements
Typography

Based on the type of Personas, we tried with 2-3 font options and the type selected was Raleway which is a Sans-serif font.

KPB-typography
KPB-homepage
KPB-Subscription
KPB-checkout
KPB-menus
KPB-Dashboard

Marketing collaterals

Instagram-Feed-Post
Sticker-front
Facebook-Feed-Post
Sticker-back
Coupon-code

Key impact

The website’s performance was initially monitored every 3 months via Google Analytics and A/B testing to track the KPIs. Some of the key highlights we tracked.

  • Conversion Rate – 70%
  • Return Users – 85%
  • Social Following – 65%

Other projects

map-ur-mind-works-cover
Map ur Mind

Web Design

Helped with increasing 2X email subscribers by developing the website for a TEDx speaker

FCI-dashboard-works-cover
FCI Dashboard

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.

Join the community

Find me on