QED42 design-approach picture

The design
approach we follow

We follow a collaborative approach that promotes constructive reflection and dialogue, where all parties involved are equal, and working together towards a shared goal.

discovery phase illustration picture

Discovery

01
Empathy

Empathy is our entry into the design process for any project. 
In this stage we get to know about the project and target audience through formal and informal conversations. Activities in Empathy include collecting data about business objectives and user behaviour / preferences via diverse methods and techniques like interviews, personas, card sorting, surveys, etc.

Team Collaboration

+ Designer+ User+ Client

02
Define

Converging all learnings and ideas to one point, to define all unstructured findings derived in the stage of empathy. This is the stage where we synthesise knowledge into ‘insights’ - the static truth about the user’s motivations, wishes or pain, regarding a specific topic. As a result, we come up with comprehensive documentation about the design language and visual communication system

Team Collaboration

+ Designer+ Dev Team+ Client
prototyping-and-testing illustration picture

Prototyping and Testing

03
Wireframe

This is where we restrain from limiting ourselves and approach ideation with an open mind. We take knowledge derived in discovery to come up with user-experience layouts. As a result, we end up with low-fidelity wireframes, UX explorations and layout structures, which is then discussed with the dev team and client, to arrive at the best flow possible.


Team Collaboration

+ Designer+ Dev Team

04
Prototype

Purpose of prototyping phase is to test our designs with beta users and evaluate if designs convert to usable business solutions. The extent of prototyping varies from project to project, some projects might need just clickable prototype mockups while others might require draft functional implementation of mockups. We use varied tools for prototype like Adobe XD, invision, Principle, RAD frameworks for functional implementations etc.

Team Collaboration

+ Designer+ Dev Team+ Client

05
Usability Testing

This ranges from simple hallway tests with 5 coworkers to unmoderated remote tests involving hundreds of users simultaneously. To capture user feedback we conduct one on one interviews or use web analytics tools to infer user journeys for large scale feedback.

Team Collaboration

+ Dev Team+ Client+ Beta User
production phase illustration picture

Production

06
User Interface Design

Once we are sure that our prototype is a step in right direction, we proceed on high definition UI Designs. This stage of the design process includes designing icons, textures, colours, typography, and accurately positioned elements. This also includes all page designs and responsive changes based on viewport.

Team Collaboration

+ Designer+ Front End Team

07
Post Production Follow up


Our work doesn’t end at high fidelity designs, we support the development team to understand the intent of design (like animation expectations etc) and regularly conduct design QA.

Team Collaboration

+ Designer+ Front End Team

Design Communication Roadmap

Effective communication is critical for success of any project, and it becomes even more critical during the design process, as the number of stakeholders are higher, ranging from Development team to beta users of the product or service. An effective communication plan is vital to success of the design process, i.e. to know which stakeholders to involve at what stage and to know the expected deliverables of each stage, for everyone to be on the same page. Below we share the design communication timeline we follow on most projects

Design with us!

Let's make something great together .

Let's Talk