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

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

Jotlines

Jotlines-Case-study-cover

App Design & Website Development

Client
5

Khabar Priyo Bangali

Tools used
5

Adobe XD

5

Miro

Deliverables
5

UX Design

5

Website Design & Development

Overview

Design a mobile app for engineering students to help them find their study notes easily. Also design and develop the product website.

Challenges

M

Students in engineering college finds difficult to prepare notes for exam due to less available resources

M

No much mentoring available

M

Need to go through multiple books at times to prepare notes on certain topic

Solution

After understanding the client’s requirements and business details, the solutions recommended are as below:

  • A search feature has been provided in the app so that students can find notes easily.
  • The request notes feature has been added so that, resources or notes can be made available on demand.

My Role

  • User Experience
  • Visual Design
  • Website Design
  • Website Development

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.

Discovery

Research

Define

Ideate

Design

Develop

Research

After understanding the business goals and project requirement, I planned to conduct preliminary research by connecting with some college students, as the project revolves around them. The purpose of this research was to figure out the below areas.

  • To deep dive into students actual needs and validate the pain points shared from business.
  • To understand quantitative data (how much percentage of students have the issue). Do they need help with something else?
  • To eliminate assumptions, and validate early stage solutions.

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

During the research, I had interviewed around 8 students from different locations and came across some interesting facts.

  • Direct mentorship – 70%
  • Notes requirement – 55%
  • Used any similar services before – 2%

Define

In this phase, I presented the research findings with stakeholders, to re-look into the requirement. 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.
Some of the HMW questions from the workshop>
  • How might we make customer aware of the application?
  • How might we make notes/documents search easier?
  • How might we verify duplicate contents?
  • How might we make trust customer for online payment?

Ideation

After lot of user interactions and connect, finally we arrived at solutioning. So, I organized a brainsorming session where we followed the storyboarding & Crazy 8 method. The workshop included multiple stakeholder from client – Sales lead, developers, business manager.

The reason, I went ahead with this approach, was to get the ideas stakeholders were trying to implement, as they were confusions and unprioritized requirement. So the personas we created, helped the stakeholder frame the user stories mentioning the features. Followed which we went with sketching the solutions.

User story
User story

The product was designed for two different roles. One for the users and other for admin with different tasks.

For users
  • Search notes or mentors on specific topics
  • Request for notes or mentorship session on specific topic of users choice
  • Sharing of notes with others
For admin
  • Approval for notes published in platform
  • Request for notes or mentorship session on specific topic of users choice
  • Sharing of notes with others

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 testing 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
Homepage
Request Notes
SignIn
Request Notes
Profile
Request Notes

Usability findings

Q

The search feature was not clearly understood by users

Q

Question papers were one of the primary requirements

Q

New upload was confusing for users, so moved to upload

Q

CTA's were seen as a secondary action, not very clear

Q

Users wanted to see the category as well

Key impact

The app was initially launched in Assam state. Post launch, it was initially downloaded by more then 500+ students. Some of the key highlights we tracked.

  • Return Users – 65%
  • Notes downloaded – 1000+
  • Notes requested – 200+
  • Mentorship sessions – 650+

Website Development

Post the app was delivered I also started working on the website design of the product. As some of the process and goal alignment were alredy done in the app design process, I started with wireframes to validate the content layout for the website.

The biggest challenge we had here was to align that the website to be created will be informative instead of the web app of the product.

I started with creating the wireframes to align the website layout and content pattern.

Other projects

Attra-wallet-works-cover
Attra Wallet

UI/UX Design

Helped with designing a payment app for in-house employees to make day-to-day transactions easier.

KPB-case-study-cover
Khabar Priyo Bangali

UX Design, Web Design

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

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