UX

& UI Services

www.evolutionco.com
About EvolutionCo

•  EvolutionCo is a Digital Transformation agency providing bespoke UX design

solutions to brands in many industries.
•  Our team of analysts and UX designers perform the critical research and analysis
necessary for successful UX in your products, and develop cohesive UX strategies
that allow you to provide a successful product.
•  In this UX design proposal, we will outline the project at hand, our process for
reaching your desired outcome, the project’s delivery timeline, and all project costs.

www.evolutionco.com
Identified Need & Process

•  Research & Planning •  UX Strategy •  UI Design

o  Project Kickoff o  User Research o  Mood Boards
o  Interview Key Stakeholders o  Creating Personas o  Visual Design
o  Requirement Analysis o  Scenarios o  Interaction Styles
o  Business Requirement o  User Journey o  Usability Testing
Documentation o  Process Diagram o  Iterations
o  Project Plan o  Information Architecture o  UI Style Guides
o  Concept Mocks
o  Wireframe Prototypes
o  Usability Testing
o  Iterations

www.evolutionco.com
RESEARCH & PLANNING

www.evolutionco.com
Requirement Gathering / Project Kickoff Resources Involved

Project Manager (Part-Time)

•  Develop the project goals and deliverables
Business Analyst
•  Identify team members from client & agency and define responsibilities
Client Relationship Manager
•  Define key success factors
•  First-cut Project Plan

www.evolutionco.com
Requirement Gathering / Stakeholder Interviews Resources Involved

Business Analyst
•  EvolutionCo will be sharing a questionnaire template which needs to be filled
UX Strategist
in by key stakeholders before the interview.
•  Using a template, our team members will interview 3 stakeholders.
•  How will the product make customers feel? What should they do?
•  By recording how stakeholders think customers will think, feel, and do, we will
be setting a benchmark to compare against usability testing and user analysis.

This questionnaire will be a combination of requirements, user demographics, user

needs, key objectives, key tasks to be conducted and end objectives and goals that
need to be achieved.

www.evolutionco.com
Requirement Gathering / Analysis Resources Involved

Business Analyst
•  Steps:
o  Produce a shortlist of personas and user situations UX Strategist

o  Determine primary and secondary personas

o  Stack rank use cases based on frequency, user relevance, and strategic importance
o  Validate the resulting priority matrix with current users

•  Techniques:
o  Conduct in-dept in-person interviews with stakeholders
o  Survey, users and non-users (if required)
o  In-person interviews with users (approx. 5 interviews)
o  Internal workshop for idea generation & prioritization

•  Deliverables
o  List of use cases and personas, sorted by priority
o  Survey results

www.evolutionco.com
Requirement Gathering / Business Requirement Document Resources Involved

Business Analyst
•  EvolutionCo will detail out the entire requirement in a detailed BRD
UX Strategist
which will be circulated among key stakeholders for signoff.
•  This document will be a result of the stakeholder interview stage.
•  The product requirement and end objectives will be defined based on
initial understanding

www.evolutionco.com
Requirement Gathering / Project Plan Resources Involved

Project Manager
•  EvolutionCo will share a tentative Project Plan which outlines the
Business Analyst
various stages and time frames to achieve key milestones/ objectives
UX Strategist
during the project delivery
•  This project plan will also outline key stakeholders and team members
who will be involved at every stage of the project

www.evolutionco.com

© EvolutionCo www.evolutionco.com 9
Research & Planning Deliverables

•  Stakeholder Interview Documents

•  Business Requirement Document (BRD)
•  Project Plan

www.evolutionco.com
UX STRATEGY

www.evolutionco.com
 Resources Involved
UX Process / User Research
Business Analyst

UX Strategists
User Interviews &
Contextual Enquiries

Isolating Patterns

Prioritized Personas &

1 2 3
User Flows

www.evolutionco.com
 Resources Involved
UX Process / User Personas
Business Analyst

•  Personas will be fictional representations of UX Strategists

your users (a bit like user stand-ins).

•  They are fictional, but should be based on fact.
•  They will represent the goals, motivations,
characteristics and behaviors of a real group of
users.
•  This exercise will help to put a human face to
users. This will help the project team to get
consensus on who the ‘users’ are and help to
communicate important information about
users.

www.evolutionco.com
 Resources Involved
UX Process / User Scenarios
Business Analyst

•  This stage will outline the steps that a user UX Strategists

(usually in the form of a persona) will take for a

given scenario. Like scenario maps they can
either be for existing scenarios, or for envisaged
scenarios.
•  This will help in identifying the features and
functionality that will be required to support
the desired scenario and for bringing a future
product or service to life by telling the user’s
story.

www.evolutionco.com
 Resources Involved
UX Process / User Journey
Business Analyst

•  This exercise will detail out the journey of the UX Strategists

user to complete particular tasks

•  The journey is usually broken down into the
steps taken by the user, often with visuals
shown to help illustrate the story.

www.evolutionco.com
 Resources Involved
UX Process / Process Diagrams
Business Analyst

•  The process diagrams will visually show a UX Strategists

process, including the different decision points

and process flows.
•  This will be used by UX designers to outline a
set of user journeys, or the logic utilized within
a particular part of the application.

www.evolutionco.com
 Resources Involved
UX Process / Information Architecture
Business Analyst

•  The IA will show the pages and screens that UX Strategists

make up an application, or a particular part of

an application.
•  The IA will indicate groupings, such as sections
and links between the various modules and
screens.

www.evolutionco.com
 Resources Involved
UX Process / Concept Mocks
UX Strategists

•  The UX Designer will draw rough sketches of

key screens, modules and functionalities which
will be shared with key stakeholders for point
of initial discussion.
•  This will help us understand and validate our
initial thoughts before we move on to the
detailed functional wireframes
•  These are usually sketches and low-fi
prototypes
•  With some informal testing and after
presenting our approach to you and making any
needed corrections, we begin the high-fidelity
wireframes.
www.evolutionco.com
 Resources Involved
UX Process / Wireframes
UX Strategists

•  EvolutionCo will be creating high-fidelity wireframes/

prototypes which will shows the UI elements (text,
images, buttons, links etc…) for each screen, page or
UI component.
•  This will be like a blueprint for the UI, showing which
elements make up the UI and how they should
behave, but not necessarily what the UI will look like.
•  These wireframes will be clickable prototypes which
will be mapped to the user journey
•  We will present wireframes for the major page views
(10-15) and get your feedback/approval on them.
•  Based on feedback/approval the remaining pages will
be completed
www.evolutionco.com
 Resources Involved
UX Process / User Testing
Business Analyst

•  We invite 5 testers (internal team members) to our UX Strategists

environment, sit them down in front of a computer

and ask them to complete certain tasks.
•  We record the test and review them all later, making
note of similarities and patterns.
•  We then present our findings to you with a list of
recommended changes and make them to the
designs.
•  Based on the test reports we will revisit the
wireframes and make changes if required

www.evolutionco.com
UX Deliverables

•  User Research Report

•  Persona Document
•  Scenario Document
•  User Journey Flow Charts
•  Process Diagrams
•  Information Architecture Document
•  Wireframe Prototypes (HTML Rendered & Jpgs)
•  Usability Testing Report

www.evolutionco.com
UI DESIGN

www.evolutionco.com
 Resources Involved
Mood Boards
UX Strategists

•  EvolutionCo will present mood boards which will be a UI Designer

combination of image, text, object styles/ references.

•  This exercise will help us understand the likes and
dislikes of some of the key stakeholders in terms of
design preferences
•  Mood board will give the Client team an idea of what
the finished product will look like and allows
everyone involved to agree on a direction before too
much work is done.

www.evolutionco.com
 Resources Involved
Visual Design
UX Strategists

•  EvolutionCo will present 2 design styles/ options based on UI Designer

the wireframe & mood board approvals

•  This design presentation is a key milestone where ECO
team will be presenting 2-3 unique pages with style
options.
•  Based on approvals and feedback from the Client team,
EvolutionCo will further go ahead and create designs for
the remaining pages based on wireframe approvals

www.evolutionco.com
 Resources Involved
Interaction Styles
UX Strategists

•  EvolutionCo will define interaction styles on the designs UI Designer

approved
•  This will be used as references by the Front-end developers
while creating the html pages
•  These interactions will also be showcased to the Client
team for approvals/feedback

www.evolutionco.com
 Resources Involved
Usability Testing
Business Analyst

•  We invite 5 testers (internal team members) to our UX Strategists

environment, sit them down in front of a computer and UI Designer

ask them to complete certain tasks.
•  We record the test and review them all later, making
note of similarities and patterns.
•  We then present our findings to you with a list of
recommended changes and make them to the designs.
•  Based on the test reports we will revisit the designs and
make changes if required

www.evolutionco.com
 Resources Involved
Visual Style Guides
UI Designer

•  Based on the approvals on designs, EvolutionCo

will create the final style guides for the project
•  This style guide will be used as references by the
UI Developers during the front-end development
stage
•  The design style document will also be a guideline
for any further design on the project

www.evolutionco.com
UI Design Deliverables

•  Mood Board Approval Document

•  Visual Design Layouts (PSD & JPGs)
•  Interaction Styles (PSD & JPGs)
•  Usability Testing Report
•  UI Style Guides Document

www.evolutionco.com
CASE STUDIES

www.evolutionco.com
www.evolutionco.com
www.evolutionco.com
www.evolutionco.com
CLIENT NAME: CISCO PROJECT: Smart+Connected Spaces App

www.evolutionco.com
www.evolutionco.com
www.evolutionco.com
www.evolutionco.com
www.evolutionco.com
www.evolutionco.com
www.evolutionco.com
CLIENT NAME: ESSAR Group PROJECT: Investor App

www.evolutionco.com
CLIENT NAME: WNS Global PROJECT: Insights & Solutions App

www.evolutionco.com
www.evolutionco.com
www.evolutionco.com
www.evolutionco.com
CLIENT NAME: MAHINDRA AND MAHINDRA PROJECT: Mahindra Finance- Website Revamp

www.evolutionco.com

45
CLIENT NAME: Mahindra Finance PROJECT: Website Revamp-Mobile Screens

www.evolutionco.com
CLIENT NAME: TVS Credit PROJECT: Website Revamp

www.evolutionco.com
CLIENT NAME: TVS Credit PROJECT: Mobile First Website

www.evolutionco.com
CLIENT NAME: MAHINDRA AND MAHINDRA PROJECT: Mahindra Rise- Intranet Portal

www.evolutionco.com
Thank You

www.evolutionco.com