What is MVP?
MVP stands for Minimum Viable Product. It is not a full-fledged app or service but has its main functionality. MVP is a working product that covers customers’ needs but without additions. It’s created before a full-fledged product to test the idea and save money.
Let’s imagine that a full-fledged product includes 10 features and has a gorgeous design. What could its MVP look like? Well, it could consist only of 3 key functions. The MVP design would be of decent quality but minimalistic. Customers could use a minimum viable product and benefit from it. By the way, they would not even understand that it was MVP. And it’s actually not important for customers if they meet their needs. MVP serves founders’ purposes.
MVP is intended to test the startup idea on a budget
How does MVP look?
Mostly it is of the same form as a full-fledged product (an app, a website, an item, etc) but not always. If the goal is a car, of course, an MVP should obviously be a car as well because its main function is transportation and it can’t be achieved differently. There is a wider variety of options in the IT sphere. The example below might help figure it out.
Okay, a startup has an idea for an app that helps people pick up and buy clothes based on their color type and shape. Of course, a full app would have an automated clothing selection algorithm. But for MVP there is a cheaper and quicker way — an app as well but without a backend. Two designers can pick up clothes and attach links manually. Users don’t mind who selects clothes for them, it’s only important that their needs are covered. This kind of MVP costs less but it will definitely test the demand for online stylists before spending time and money on the introduction of artificial intelligence and systematization of designers’ knowledge.
So building an MVP is one of the best first steps for a startup to test the idea, save funds and time and avoid mistakes in the future.
The role of design in developing an MVP
People’s attention spans are short now and users want to find the next steps in the app quickly. If they don’t, they just leave. User experience design helps to prevent these negative patterns. It stands for clear logic and understandable structure of the app.
Building an MVP design also includes an aesthetic component. A visual look — colors, fonts, buttons, pictures — forms the first impression. To make it positive, the design should be well made.
An MVP should be as qualitative as the full-fledged product
Let’s compare a minimum viable product with a project pitch. If the idea is represented in a dry and meager way, potential investors won’t be interested in it. The same thing happens with MVP design — if it is not well-thought-out, the app will fail.
If MVP proves successful the app will grow and develop. So MVP design would act as a good base for scaling and should be ready for changes. The role of UX and UI in MVP is to prepare a place for a new set of features in advance. MVP may contain 3 features now but the team will add 5 new ones in a year. It’s always easier to foresee it rather than to redevelop the whole design from scratch.
What does MVP design include?
An MVP is a working product that undergoes all the stages of development. There is an important step between coming up with main functions of the app and coding them — design. It is not just about pretty icons and color schemes. MVP application design is a fundamental two-part process consisting of UX and UI design.
UX comes first
The first part of MVP software design is always UX — user experience. As the building starts with the foundation and footing, design starts with the logic of how users act.
UX answers to ”How does the app work?”
MVP in UX design stands for the structure of the app. Users should achieve aims quickly. Design UX for an MVP is considered qualitative if the navigation is simple and clear. Even if an app satisfies users’ needs, they can just miss the solution due to bad UX. So design UX for an MVP has to be well thought out.
UI is last but not least
The second part of MVP application design is UI — user interface. It includes corporate identity, colors, fonts, icons, animation and other image-making details.
UI answers to “How does the app look?”
User interface is a visual appearance that forms the first impression at the psychological level. The color of a button can make a user leave the app immediately or buy a subscription.
We’ve been creating apps for 8 years and launched 300 MVPs. The process of MVP design is well tested and pretty clear. It’s only our experience and our way, we can’t guarantee that everyone works like this.
In our experience MVP design differs from full-fledged app design. Mostly because of uncertainty, limited budget, and short time. So we have developed an efficient MVP design process. Learn about this process in detail below.
Step 1. Collecting references
First of all we ask clients to show us what apps they like and dislike. We analyze the designs, research the best practices for the app type, get inspired by successful experiences in the industry, and add a unique set of features.
⏱️ 1-2 hours
Step 2. Developing a mind map
Then we start to create the logic of users’ steps (UX design process). The most effective way to describe the functionality is to build a circuit — a mind map in Miro.
The role of UX is to denote all items, actions, and connections. The functionality map should be accurate as it’s the foundation of the app. The client needs to approve this step so our project manager initiates a video call to present a complete mind map.
⏱️ 6-8 hours
Step 3. Creating wireframes
At this stage users’ steps are transferred from the mind map into the app structure. Our designers create wireframes — black and white screens with approved functions.
The main aim of the UX design process is to determine the optimal positioning of all elements so that the interface is intuitive. We don’t care about colors or fonts here.
⏱️ 16 hours. This step requires client’s approval as well.
Step 4. Designing the UI
It’s time to color the wireframes and develop a unique visual look. We choose 2-3 major screens and draw out the main elements. Final UI can vary from wireframes, this is standard practice.
⏱️ 10 hours
Step 5. Preparing a presentation
A presentation is a visible result of the work that we pitch to our clients. We gather finalized screens, references, and mood boards, color schemes, fonts, and icons. We defend our design choices and explain the logic behind them.
Startup owners do the same thing later dealing with their investors. And you are welcome to use this presentation to pitch the design of your MVP as well.
⏱️ 6 hours
Step 6. Drawing up all user scenarios
After the design concept is approved, it is time to think out the user scenarios and design screens for them. By this time only the core user journey is designed which isn’t enough for a complete MVP design. During this step, we flesh out every necessary state of buttons, every menu.
Step 7. Completing a UI kit
UI kit combines all user interface elements. It allows the app to be visually consistent without too much of a strain. Even if you decide to scale it afterwards, the design team will easily make new screens blend with the original ones.
The whole process of MVP design ~ 70-80 hours.
The required team for minimum viable product design
As we have seen, MVP design is not just about pretty icons and is not a one-person job. It’s a fundamental process that can’t be successful without a design team. Here is our vision of the best composition.
So a minimum design team includes: a project manager, a business analyst, and 2 UI/UX designers.
- Project manager. We build communication with the client in a clear and effective way. A product owner (=a startup founder) contacts only our project manager to avoid misconceptions. They are always in touch, discussing requirements and checking results.
- Business analyst. The next level of communication doesn’t require the attendance of the startup founder. A project manager works with a business analyst. Their interaction is equally important as the analyst is responsible for adapting technical requirements.
- Two UI/UX designers. The first designer starts to implement approved screens one by one and his colleague reviews them and adds the finishing touches on the UI.
We always try to keep the balance between too many people slowing down the process and too few people burying themselves in tasks. The golden mean — that’s what we need.
How much does an MVP design cost?
The average price for MVP design of our projects is about $5 000. But it can rise up to $10 000-$15 000, it depends. How many functions and illustrations are there in MVP design? How complicated is it to create them? These factors determine the price. We’ll explain how it works below.
Let’s imagine an MVP of restaurant mobile app solution and evaluate its design and development based on its functions.
There are 3 main screens in this MVP: a homescreen, authorization, and online reservation. Users can find the description of the restaurant, a PDF menu, and contacts on the homescreen.
There is a registration function here as well. Users can enter a phone number and receive a confirmation code to access their personal account. It is a necessary step to book a table. Later users can see their order history and bonuses there.
The last function lets users book a table — choose the date, the number of persons and add a comment. Online reservation requires confirmation with a code as well.
Below is an approximate calculation.
|Function||Time ||Cost |
|Home screen||10 hours||$450|
|Customer profile||12 hours||$540|
|Order history||12 hours||$540|
|Bonus calculation||10 hours||$450|
|Online reservation||10 hours||$450|
Feel free to contact us, we’ll estimate the cost of your project.
- MVP is intended to test the idea and save startup money.
- MVP design consists of UX and UI. It plays a significant role in development.
- UX is “how the app works”. It is a structure of users’ steps that includes only main functions to broadcast the idea of the app.
- UI is “how the app looks” — the style, colors, fonts, etc. It forms the first impression.
- MVP design process: references -> mind map -> wireframes -> UI -> presentation -> Side scenarios -> full UI-kit.
- MVP requires a qualified design team — a project manager, a business analyst, 2 UI/UX designers.
- The price for MVP design can vary depending on the complexity of the app.