Download
1 / 50
500 likes | 506 Vues
EvolutionCo is the Best Digital & UI/UX Design Agency in Mumbai, India with strong customer experience transformation services & tech solutions.
E N D
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 Documentation o User Journey o Usability Testing 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 • Identify team members from client & agency and define responsibilities Business Analyst 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 in by key stakeholders before the interview. • Using a template, our team members will interview 3 stakeholders. UX Strategist • 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 which will be circulated among key stakeholders for signoff. • This document will be a result of the stakeholder interview stage. UX Strategist • 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 various stages and time frames to achieve key milestones/ objectives 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 Business Analyst UX Strategist 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 & User Flows 1 2 3 www.evolutionco.com
Resources Involved UX Process / User Personas Business Analyst • Personas will be fictional representations of your users (a bit like user stand-ins). • They are fictional, but should be based on fact. UX Strategists • 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 (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. UX Strategists www.evolutionco.com
Resources Involved UX Process / User Journey Business Analyst • This exercise will detail out the journey of the 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. UX Strategists www.evolutionco.com
Resources Involved UX Process / Process Diagrams Business Analyst • The process diagrams will visually show a 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. UX Strategists www.evolutionco.com
Resources Involved UX Process / Information Architecture Business Analyst • The IA will show the pages and screens that 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. UX Strategists 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 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 UX Strategists 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 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. UI Designer www.evolutionco.com
Resources Involved Visual Design UX Strategists • EvolutionCo will present 2 design styles/ options based on 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 UI Designer www.evolutionco.com
Resources Involved Interaction Styles UX Strategists • EvolutionCo will define interaction styles on the designs 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 UI Designer www.evolutionco.com
Resources Involved Usability Testing Business Analyst • We invite 5 testers (internal team members) to our 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 designs and make changes if required UX Strategists UI Designer 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
Smart+Connected Spaces App CLIENT NAME: PROJECT: CISCO www.evolutionco.com
Investor App CLIENT NAME: PROJECT: ESSAR Group www.evolutionco.com
Insights & Solutions App CLIENT NAME: PROJECT: WNS Global www.evolutionco.com
Mahindra Finance- Website Revamp CLIENT NAME: PROJECT: MAHINDRA AND MAHINDRA www.evolutionco.com 45
Website Revamp-Mobile Screens CLIENT NAME: PROJECT: Mahindra Finance www.evolutionco.com
Website Revamp CLIENT NAME: PROJECT: TVS Credit www.evolutionco.com
Mobile First Website CLIENT NAME: PROJECT: TVS Credit www.evolutionco.com
Mahindra Rise- Intranet Portal CLIENT NAME: PROJECT: MAHINDRA AND MAHINDRA www.evolutionco.com
Thank You www.evolutionco.com
