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.


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

INVENTORY
INVENTORY
INVENTORY


AUDIT
AUDIT
AUDIT


INVENTORY
INVENTORY
INVENTORY


AUDIT
AUDIT
AUDIT

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.

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.

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.









