Design Process For Pros
01

Project introduction
& setup

Introduction

Your work starts much earlier than the moment you pick up a pen and paper. Preparing for the first meeting with the client marks the actual beginning of the design process. By being prepared and professional during the first meeting, you start building a relationship. The reward for your professionalism will be big: the client’s trust in your decisions is at stake here.

In this section you can learn

  • What the first contact with a client looks like.
  • What questions you should ask.
  • Communication tips: how to talk to a client.
  • How to setup Google Drive/InVision asset folders.
  • Questions most frequently asked by clients.

First contact with the client

Introduction

The first contact with a client can occur in two situations:

  • first - you are participating in the first meeting with a client which is related to the pre-sales activities or
  • second - you’ve just joined a new project and have to start contributing

So how to start?

Prepare. Remember to manage your preparation in correlation with the issue at hand. Gather all materials and documentation; try to dig deeper within the subject to avoid asking questions which were already asked.

Do due diligence: First, study the client. Specifically, find out who the client is (company-wise and, if you know the other person’s name, check the role or background of your interlocutor). Read about the company, read documentation – conduct some initial desk research. Do not spend too much time on it – an hour should be more than enough.

The first impression: Look and act professionally – at least smile & be positive. It is a bit of a truism, but we have to highlight this – there’s only one chance to make the first impression and please do remember that you are acting on a company’s behalf.

If the meetings are not face to face: Use the right place for the call – quiet, comfy, with no disturbers. Please use your camera (pro tip: do not show your chin and nose from the bottom 🐽 😉

Start on time: Always start your meeting on time. Again, this goes hand in hand with showing your preparedness and professionalism.

Have an agenda of key points: Keep the client on track. Prepare an agenda for the meeting. The client will appreciate the efficiency with which you handle this first meeting and all subsequent engagements, communications, and projects. Keeping yourself on track keeps the client on track. Generally, clients tend to sit down and start telling you the story of their lives. Of course, the more information you get the better, but maintain control of what is important and what is not. You don’t need to cut your client’s story short, but when you see them drifting away from the main subject you need to get them back on track.

Manage the client's expectations: Managing the client’s expectations is critical. When you prepare for your meeting, review all the main subjects to be discussed with the client. Identify the areas where potential risks or troubles might arise. Second, set appropriate boundaries regarding what your client should expect from our services. Your preparation before the meeting allows you to offer a rough estimate of what it might cost the client to engage our services. When you manage the client’s expectations there is a greater likelihood that when things don’t come out completely in his or her favour, the client will not be surprised. This will preserve and strengthen the bond of trust between you and the client. Try to be on point and answer questions directly. A lot of newbies have a tendency to speak more than the customer, but that's not the way it's supposed to be. Focus on asking the right question, then listen carefully. It should be a ratio of 80% for the customer and 20% for you (more or less).

Give the client action items and follow-up: After your meeting, write an update and send it to the client, summarizing the key subjects touched upon in the meeting. The notes are mainly for you, so only write down the essentials – we suggest bullet points to elaborate later (if necessary). It is essential that you keep the client up-to-date regarding any progress or issues you encounter along the way. Agree on next steps and what needs to happen in order for us to start the project together. In addition, thank the client for taking the time to meet you and reassure them that you will be in touch if any issues or alternatives come up; encourage two-way communication.

– As mentioned above, be prepared and learn about the client as much as possible from existing sources. It will pay off – we promise!

Who are the clients?

There are 3 types of clients, classified by their willingness to talk:

  1. People who don’t speak – because you may inadvertently guide these kinds of clients through the questions in such a way that you answer them yourself, there is a real possibility that you will miss out on the details, background thinking, motivation and the main aim of the project. The best way to optimise interactions with such clients is asking “why?” questions as much as possible. (see the 5 whys method )
  2. People who speak on the subject – the easiest group to manage, just listen, ask the questions, write down the answers, and gather all the requirements in the most efficient way.
  3. People who talk about everything – it can be exciting to hear loads of stories and anecdotes, but the efficiency of that kind of meeting is really low. However, it is a great opportunity to get familiar with the client and build a nice relationship. It is essential to capture the necessary thoughts, moderate the conversation according to the agenda, and show in a subtle way that the purpose of the meeting is professional rather than social. One of the best remedies is to allow the client to say whatever they want to – just to capture all the requirements, even if you do so from between the lines.

Tools

Do not make assumptions – ask questions!

Ask what they want, but also question the status quo – be focused on providing consultancy and expertise value rather than selling the solution they asked for directly. Do not talk too much – let them speak. Gathering the knowledge is the essential and ultimate goal of your meeting, so we’d love to illustrate this issue with a real-life example:

A client came to us to redesign their website. They liked our style, seen our portfolio (Dribbble and Behance profile). During the meeting, we identified that the low conversion is not caused only by poor design, but all the funnels are not identified and not clear – there’s no structured way of presenting content to the users. Products within the existing website are mixed and the users are not defined. That was the outcome of the meeting – we've been trying to find the perfect solution for the client and his users, so after understanding the client’s JPG (Jobs, Pains, Gains) and comparing them with users’ JPG we proposed to split the content between 3 different dedicated landing pages, optimising the content and conversion funnels. Moreover, we proposed to develop the website. As a result, the client appreciated our approach, saved time, and achieved their KPIs.

Consultative & Solution Selling Principles

What is consultative selling?

The consultative sales process is primarily focused on the experience that the potential customer (the opp) feels and sees during their interactions with you. It’s about how you find ways to provide your leads with value and make it all about them. Not your product, your business, your numbers. The consultative sales process is most especially not about you.

Sometimes this is also referred to as solution-based selling. Solution selling is a sales methodology. Rather than just promoting an existing product, the salesperson focuses on the customer's pain(s) and addresses the issue with his or her offerings products and services.

Generally speaking, the initial conversation with the client might begin by saying something like this: Hi client, I was notified that you reach out to us regarding a mobile app redesign. Great! What were you looking for help with?

The emphasis is on what the potential customer wants and needs, not what you want and need from the potential customer.

To describe this in more practical terms, you should follow the 5 principles of the consultative sales process:

  1. Research – As mentioned above, be prepared and learn about the client as much as possible from existing sources. It will pay off – we promise!
  2. Ask – Ask questions that start with the words Who, What, Where, How, Why, and When. Avoid starting questions with words like Do, Are, You, and Can. These types of questions tend to lead to yes or no answers, which is exactly the sort of response you most want to avoid.
  3. Listen.
  4. Teach – As you are actively listening, you need to be responding, and as you respond, you should look for opportunities to teach. But note that this is not about teaching your clients about our product or service. It’s about helping the client learn to overcome their challenges and build a plan to reach their goals. Teaching should be done by asking the right questions to the customer, so she/he subconsciously thinks “it actually makes sense to work with them, now I understand it”. It's not forcing them to work with us, it's making them understand why it's worth working with us. This may or may not involve using our product or service. Your focus should be to help the client, no matter what. Also note that you must be careful not to give away too much knowledge. You must balance the knowledge you give with the questions you ask and the answers you get back.
  5. Qualify – After investigating your client, now it’s the moment to make a decision about the cooperation. It’s not just the client that’s making a decision here. You should also consider if he fits your company’s work and philosophy and if you are able to offer the solutions to your potential client’s needs.

These 5 principles should provide a basic outline of the consultative and solution sales methodology which definitely helps in the initial contact with the client.

Summary

-The most important thing you need to remember, not only for your first successful meeting with a client, but for any stage and project in your career, is to trust yourself. Confidence is something you need to practice; with practice, you will get better. Make sure you build it in a way that when you look back you laugh out loud and say, “That was fun! Let’s do it again!”

Strategy questions

Before the first meeting with the client, provide a list of questions via email. Ask them to answer the questions and send you back a file with the answers. Inform them that thanks to being familiar with the answers we can prepare for the meeting. Both sides will be aware of what is unknown and what should be clarified. This will not only speed up the conversation, but make it more concrete and structured.

List of questions

General info

You should start with general questions. By starting from this point you make it clear what your cooperation will look like. You have to make sure everyone on both sides understands what you agreed on. Below you can find some example questions to ask.

Time & money

  • What is the indicative schedule?
  • What is the basic scope of work?
  • What is the indicative budget?

Client’s goals and motivations

  • Why are you here? What is your motivation for change?
  • What are your jobs/responsibilities?
  • What are your pains?

Company details

  • Are you a mature company or a founder?
  • Who are the main contact persons?
  • Who are the stakeholders?

Client’s assumptions

  • What are your assumptions?
  • What in your opinion will make the product a success?
  • How do the goals of this project fit into your long-term goals?

Tools

  • Can you grant us access to your analytics tools?
  • What can be automated, outsourced?
  • How do you test new features/ideas?

Business

After gathering insight to the general questions, you can move on to more specific ones. For the client, his/her business is the most important. Because of that, start from business-related questions.

Money

  • What is the main selling point?
  • What is the money making funnel?
  • How do you want to fund your business in the future?

Business model

  • What is the business model?
  • What is the business strategy?

Business goal

  • What are the business goals to accomplish?
  • What is the main business short-term objective?
  • What are KPIs/goals you’d like to achieve?

Market

No company is an island. Every industry exists in some ecosystem. Because of that, you should get to know as many things about your client’s competitors as you can. It is also your job to educate the client about the importance of running market research.

  • Did you run market research?
  • Do you have a niche? What is it?
  • Are there any similar product offerings, alternative solutions to the same problem? What are your users doing today instead of using your product?

Other requirements/law restrictions

  • What country (or region) is the product to be launched in?
  • What language is the product to be designed in?
  • Are there any special requirements regarding the market that should be considered (ex. cultural, religious limitations)?

Product

Now, after gathering general insights, as well as business- and market -related ones, you can finally move ON to the questions that are directly related to the product or service that you are about to work on. Remember that the product/service must both satisfy the business and user goals because only by doing so will you build value.

  • Do you have a working product?
  • What is your product’s value proposition?
  • What other touchpoints are valid for you?

User

Finally, the understanding that the product is for the client’s users and not for him/her directly is the key to building a product that will fit real people’s needs. Answering the user-related questions is difficult because it requires a lot of empathy.

Empathy means moving yourself into the world of another person - thinking, feeling and acting like her. The emergence of true empathy requires advanced forms of cognitive development, enabling the identification of one's emotional state and state of another person.
Strelau, Doliński
  • Did you run user research?
  • Who are the users?
  • What are their jobs, pains, and gains?

Visual

Visual-related questions are crucial for you. You basically should not start the UI design without asking this basic question because by doing so you would risk doing inadequate work.

  • Do you have a branding, brand book, brand guides, design system, patterns, style guide?
  • Do you have a corporate identity?
  • Do you have any benchmarks/inspirations/visual style in mind?

Sometimes, very direct questions won’t work as we want.

  • Be smart in your client’s interview, ask about the things that seem to be important for him/her.
  • Be sure to set clear goals of what you want to achieve.
  • It's highly recommended to review the Business Model Canvas. It’s not a clear example of which questions to ask, but it shows very important and basic fields related to business and product. You can treat it like an inspiration to collect your thoughts.

Since everything is trackable, speak about the exact points you’re going to track. Identify the client’s KPIs (Key Performance Indicators). Good KPIs take into account the business context, predict success, show early warning signals, and validate achieved results. You can use these materials to create tailor-made KPIs. For example, these could range from new signups to the number of customers using Paypal vs. purchases with credit cards. Always make sure you know how high you’re aiming for at the start. Sometimes it can be challenging to analyse. Read more here - 12 Steps System for the Most Challenging Metrics and KPIs. Make sure that all answers are documented and available for other (current & future) team members.

Questions your client may ask

Q
Why do you have to know this stuff before we meet?
A
Q
Why do you want to know the business model?
A

Questions to ask yourself at this stage

  • Have I asked all the necessary questions?
  • Do I have all the necessary answers?
  • Is the project card created?
  • Is the project structure created on Google Drive and linked to the project card?
  • Is all project info gathered in one place and is accessible to everyone?
  • Was the process explained to the client?

Output

  • Identifying the business’s goals
  • Identifying the client's needs, pains, and expectations
  • Identifying the end user
  • Identifying the end user’s needs, goals, pains, and gains
  • Identifying the end user’s jobs
  • Identifying the client’s competitors, their jobs, their value proposition and innovation
  • Identifying the project challenges
  • Identifying the restrictions

Communication tips

General rules

  • Be active, not passive – recommend solutions.
  • Listen to the client’s expectations, don’t be afraid to ask questions.
  • Consult your solutions with the developers from day one.
  • Make sure you explain to the client how to use communication tools e.g. comments in InVision; explain the difference between tour-points and comments

Feedback

  • Does the client have enough time to give you feedback? If not, try to ask which active stakeholders can actively participate in the communication.
  • Make the client aware of the value of an active and collaborative approach (feedback, communication).
  • Make sure that there is only one final point of feedback on the client’s part.
  • Make sure that you will have an opportunity to present your solutions to all stakeholders.
  • Make sure that the client knows that we don’t work on the basis of a fixed number of reviews but rather in a constant feedback-and-iteration mode.

Previous experience

  • Has the client worked with designers before?
    • If not, try to educate the client on the best practices and basic principles of design during your meetings.
    • If yes, what are the client’s experiences of working with designers?
  • Does the client understand the role of a designer?

Milestones & priorities

  • Make sure that the client has a reasonable approach to the creation of an MVP (keep the scope small).
  • Make the client aware of the importance of going step-by-step in terms of functionalities.

Why is it important to sell the outcomes of your work?

  • By selling yourself or your work well, you gain the client’s trust in your decision.
  • When you hesitate or don’t know the “whys” behind your design decision, you scare clients off.

Must-haves when communicating with a client

  • Know the benefits and outcomes of your work.
  • Gain the client’s trust – they will care about your opinions.
  • Your client’s future often depends on you, your decisions, and your work. Everything you do serves to convince them that their business is in good hands.
  • Don’t ask basic questions to which you can easily find answers on Google.
  • Every decision you make must match the business goals of your client – always and unconditionally.
  • You can use the structure: [What you did] + [how you came up with the thing you did] + [why you did it/how this will help the client’s business]
  • There are no maybes – there is confidence. Be absolutely sure about your statements.
  • Speak about the “whys” of your design and how your work will improve your client’s chances of achieving success.
  • Don’t talk about the things the client can see on their own. Say it this way: “This element is placed here because it will help X achieve Y/with Z”.
  • Use data. Whenever you assume something, base it on best practices, behavior studies, and statistics.
  • It’s much better to present a small number of excellent arguments than flood the client with dozens of mediocre ones.
  • Adjust your language – don’t use jargon.

Explaining the design process

The most important aspects

  • Educate the client
  • Avoid multi-platform designs at the early stages of the project. If the client needs a multi-platform design, ask another designer for help. If you believe that the scope is big enough, always suggest a design team. Learn more from: Why a Team Approach Is the Key to Successful Product Design
  • Emphasize that it’s impossible to predict users’ behavior accurately. We rely on research and available data – the validity of a solution can only be assessed with relevant tests.
  • We cannot guarantee business success. Try to make it clear that even the best product design does not guarantee a product’s success in terms of revenue.
  • Give a quick overview of all the Product Design phases.

Design files organisation

This section presents the way we organize our files and folders by default. Of course, this file structure is only an example, and you might want to organize your files and folders in a way that suits you best.

1. Setup

When we start a new project, we create a Designer folder in the client’s main folder.

Designer folder

2. The structure of the Designer folder

Designer folder structure

2.1. Sources

Sources folders

Each folder (Visual and Wireframes) contains all source files (.psd, .sketch etc.). It depends on the project, but if we have two sources of files, we create subfolders for .psd, .sketch, or any other extensions.

Source files subfolders

2.2. Fonts

In this folder, we put all the fonts which we have used in the project, even if they are free. They are grouped by font name. Like so:

Fonts folder

2.3. Assets & Exports

This folder contains two subfolders:

Assets and Exports subfolders

Assets & Exports is a folder for FrontEnd Developers.

  • Assets: Assets contains all additional assets that we couldn’t put in Exports. For example, SVG icons, etc.
  • Exports: In Exports, we put all exports from Sketch or Photoshop.

2.4. Images & Icons

If we have some external images (Shutterstock, etc.) or icon sets, we upload them here.

2.5. Documentation

IMPORTANT! At the end of a project, we create a list of all screens with URLs to particular screens on the InVisionApp broken down by different platforms, breakpoints, and so on.

In this folder, we upload all documents related to a specific project. Those documents can be personas, user stories, etc.

We also create an Initial interview subfolder, which contains the most important data collected during the initial interview, the materials sent by the client, or scoping session notes related to the design phase relevant to the project.