Tools Used

Adobe Illustrator

Preparing Graphic Materials

Adobe Photoshop

Preparing Graphic Materials

Adobe XD

Design System, Wireframe, User Interface Design, Prototype & Test

Diagrams

Diagramming, Information Architecture

Figjam

Wireframing, Workflow, Userflow, Mind Map, Whiteboarding

Figma

Design System, User Interface Design, Prototype & Test

FlowMapp

Organize the Information

Invision

Handoff

Miro

Wireframe, Information Architecture

Notion

Project Management, Information Architecture

Overflow

User Flow Diagrams

Sketch

Wireframe, User Interface Design

Smartsheet

Collaboration and Work Management

Zeplin

Handoff

Smartsheet

Collaboration and Work Management

Zeplin

Handoff

Stakeholder Interview

UX isn’t all about users! On the other side of the coin is business. We talk about business goals, existing research, design material, users, background story, technical limitation, etc.

User’s Needs

How will the design help the users?


Business Goals

How will the design support business objectives?


Technical Limitation

What technical obstacles need to be overcome?

UX Value Proposition

A Value Proposition is a promise of value to be delivered, communicated and acknowledged.
It is also a belief from the customer about how value will be delivered, experienced and acquired.

01

Customer Profile

Problem or Opportunity

PainsCustomer jobsGains

02

Value Proposition

Solution

Pain relieverFeatures & ServicesGain creators

Google Analytics Review

In this part data was collected through third-party tools such as Hotjar, Crazy Egg, Google Analytics, and…
As part of our analysis, we looked at recordings, heatmaps, behavior flows, site analytics, and other useful metrics.

Questions | Insights | Action Plan
Demographics
New vs. returning visitors
Device usage
Average pages per session
Bounce rate
Average time on page
Behaviour Flow & …

User Persona

We paid special attention to creating user personas based on real user data. A user persona is a combination of needs, desires, pain points, mental models, motivations, attitudes, behaviors and demographic information of different user types that might use our product.

Characteristics
Needs & Goals

User Persona

We paid special attention to creating user personas based on real user data. A user persona is a combination of needs, desires, pain points, mental models, motivations, attitudes, behaviors and demographic information of different user types that might use our product.

Characteristics
Needs & Goals

UX Survey

UX surveys collect customer feedback to help us make sense of user behavior.
They give us insight into how people are experiencing our product, in their own words.

Rectangle 3
Rectangle 3

UX Survey

UX surveys collect customer feedback to help us make sense of user behavior.
They give us insight into how people are experiencing our product, in their own words.

User Story

User stories are descriptions of features—not the feature requirements.
As a [user], I want [goal or action] so that [outcome or reason].

User Story

User stories are descriptions of features—not the feature requirements.
As a [user], I want [goal or action] so that [outcome or reason].

User Need

It is important to define the problem we want to solve before spending time and resources generating possible solutions. Most importantly, the purpose of user need statements is to capture what we want to achieve with our design, not how.

User Need

It is important to define the problem we want to solve before spending time and resources generating possible solutions. Most importantly, the purpose of user need statements is to capture what we want to achieve with our design, not how.

Content Audit

A content audit is one of the first tasks we’ll need to perform when working on a redesign project with a large amount of content.
The details will be referred to again and again.

User Need statement
Product problems
Business Problems
Insights Priorititation
Business Problems

Content Audit

A content audit is one of the first tasks we’ll need to perform when working on a redesign project with a large amount of content.
The details will be referred to again and again.

User Need statement
Product problems
Business Problems
Insights Priorititation
Business Problems

Feature Planning

In feature planning, you organize your ideas for creating new features.
For everyone involved with a project, a feature list is crucial.

Feature Planning

In feature planning, you organize your ideas for creating new features.
For everyone involved with a project, a feature list is crucial.

Work Flow

It’s a highly effective way to impart the steps more easily in a business process, how each one will be completed, by whom and in what sequence.

Work Flow

It’s a highly effective way to impart the steps more easily in a business process, how each one will be completed, by whom and in what sequence.

User Flow

A series of steps a user takes to achieve a meaningful goal. It maps out each and every step the user takes, from the entry point right through to the final interaction.

User Flow

A series of steps a user takes to achieve a meaningful goal. It maps out each and every step the user takes, from the entry point right through to the final interaction.

Information Architecture

Information architecture is the way that we arrange the parts of something to make it understandable.

Information Architecture

Information architecture is the way that we arrange the parts of something to make it understandable.

 Hello ! 

UX Writing

The small pieces of writing that guide new users through a product, such as menus, definitions, buttons, labels, chatbots, and error messages.

Wireframe

The aim of a wireframe is to provide a visual understanding of a page early in a project to get team approval before the creative phase gets underway.

Wireframe

The aim of a wireframe is to provide a visual understanding of a page early in a project to get team approval before the creative phase gets underway.

Design System

Similarly, interfaces are made up of smaller components. This means we can break entire interfaces down into fundamental building blocks and work up from there.
Atomic design is methodology for creating design systems. There are five distinct levels in atomic design:

Prototyping & Test

By simulating a real product, a team can test ideas or uncover problems before investing time and resources in its development.

Prototyping & Test

By simulating a real product, a team can test ideas or uncover problems before investing time and resources in its development.

Group 13988

Motion Design

We are inspired by nature when designing motion in products. Therefore, reality and physics basics show us the way to motion design, but beyond motions we look for feelings, it is not just about moving.

Motion Design

We are inspired by nature when designing motion in products. Therefore, reality and physics basics show us the way to motion design, but beyond motions we look for feelings, it is not just about moving.

Group 13988

Hello World_

Web Design

There are three responses to a design – yes, no, and WOW! Wow is the one to aim for.

User Interface

While user experience focuses on optimizing a product for effective and enjoyable use, user interface design describes the look and feel, presentation, creativity, and interactivity of a product.
Minimalism is the key.

User Interface

While user experience focuses on optimizing a product for effective and enjoyable use, user interface design describes the look and feel, presentation, creativity, and interactivity of a product.
Minimalism is the key.

Handoff

We can always do something more. Handoff refers to the point when designers need to transfer their ideas for development. While it’s primarily the responsibility of the UX team to produce prototypes, assets, and documentation, the design handoff process is a collaborative effort.