PRODUCT DESIGN PROCESS

Integrate an innovative and practical approach that considers your users’ goals.

Awards won by Imaginary Cloud
Awards won by Imaginary Cloud

trusted by:

Client Logo: NeomClient logo: RemaxEurofound Client LogoClient logo: ThermoFisherClient logo: EYNOKIAClient logo: SageBNP ParibasClient Logo: NeomClient logo: RemaxEurofound Client LogoClient logo: ThermoFisherClient logo: EYClient Logo: Nokia
Client logo: SageBNP Paribas Client LogoClient Logo: NeomClient logo: RemaxEurofound Client LogoClient logo: ThermoFisherClient logo: EYClient Logo: Nokia
Client logo: SageBNP Paribas Client Logo

trusted by:

Client Logo: NeomClient logo: RemaxEurofound Client LogoClient logo: ThermoFisherClient logo: EYClient Logo: Nokia
Client logo: SageBNP Paribas Client LogoClient Logo: NeomClient logo: RemaxEurofound Client LogoClient logo: ThermoFisherClient logo: EYClient Logo: Nokia
Client logo: SageBNP Paribas Client Logo

+20

Industry sectors

78

Customer NPS score

99%

Recommendation rate

+300

Projects delivered

our
solutions

Our expertise covers an array of areas, from simpler projects such as website building to highly complex web based applications.

Our Product Design Process service provides you with the right tools and resources to guide you through the design of any kind of web-based solution, whether you are a startup looking to develop an MVP, a scale-up looking to improve your product, or an enterprise scaling your website or digital product capabilities.

Web apps icon
web application
Mobile apps icon
MOBILE APPS
SaaS icon
SOFTWARE AS A 
SERVICE (SAAS)
E-commerce icon
E-COMMERCE PLATFORMS
Marketplace icon
MARKETPLACES
Business websites icon
BUSINESS WEBSITES
CMS icon
CONTENT MANAGEMENT sYSTEMS (CMS)
Imaginary Cloud illustration
LANDING PAGES
Web portals icon
WEB PORTALS
Web apps icon

web applications

Mobile apps icon

mobile apps

SaaS icon

software as a service
(saaS)

E-commerce icon

e-commerce
platforms

Marketplace icon

marketplaces

Business websites icon

business websites

CMS icon

content management websites (cms)

Web portals icon

web portals

our
pdp process

our pDP process

At Imaginary Cloud, we believe the process of designing a product should be user-centered integrating an innovative and practical approach that considers the users' goals, the business requirements, and a top-quality technical side.

Behind a web or mobile app’s look & feel, there’s way more than just bright and engaging user interfaces. Since UX design is a user-centered discipline, our UI/UX designers focus on the user’s journey and overall usability.

To deliver a world-class digital product, it’s recommended to conduct user research, create user personas, plan the information architecture, design flows and wireframes, create prototypes and finalize with usability tests. This is why we’ve created the Product Design Process.

By following the PDP, we ensure that no steps are skipped even in the ideation/prototype stage. It lowers the risk of finding usability issues or any other problem later on during customer’s adoption or rollout phases.

illustration of someone at the computer
research
1. Briefing
2. Benchmark
3. User Research

We identify the main aspects of the business model and user needs.
First, we gather evidence that will support the decisions taken henceforth, ensuring that no decision is made based on vague assumptions.

This stage consists of 3 steps: a briefing with the project's vision and goals and business requirements; user research to guarantee product usefulness and effectiveness from the user's perspective; and a design benchmark to analyze the landscape of similar and complementary products, design patterns and technologies used in the industry.

The Research stage allows us to leverage the knowledge and skills of existing players and ensure features and design differentiation in the market, and ensure customer fit.

ideation
1. User journey
2. Decision Matrix
3. Wireframes
4. Moodboard

We formulate an approach to the product based on the user's needs and the business model.
This is the core of the creative process and it is where the concept of the product is formulated based on the user's needs and the business model (both identified in the Research phase). Here, the UX designer, the product designer, and the product owner work closely together.

This stage consists of 4 steps: mapping out the user journey, by describing each user's action, with various user scenarios; a decision matrix that helps prioritize the users' and product's goals while considering the product life cycle's current stage; drawing the wireframes, i.e., the pages’ structure and navigation flow to ensure interface usability and reduce design time; and finally, a mood board to ensure that the product's look and feel conveys the desired user experience and is aligned with the user profile and market strategy.

Execution
1.Style guide
2. Graphic user interface
3. prototype

We bring the concept to life and put it into practice.
In this stage, the product designer focuses on creating a physical representation of the concept that has been defined up to this point.

It consists of 3 steps: a style guide, where we define a graphic interface’s style, considering colour palette, fonts, image style, input fields, buttons, and so on, to ensure consistency throughout the application; a graphic user interface design (GUI) which are the end-looking screens by applying the style guide to the wireframes; and a click-through prototype to facilitate the feedback from stakeholders or potential users and investors.

TECHNICAL ASSESSMENT
1. HIGH-LEVEL ARCHITEcTURE
2. PROJECT PLAN

We guarantee that all requirements and ideas generated are realistic to implement.
In this stage, all the work previously done should be achievable considering the available time and budget previously settled.

It consists of 2 steps: a high-level architecture where we detail how the product will be built, identifying baselines for the needed technologies and skills to make it; and a project plan to define the major milestones and provides a general understanding of the project's structure, phases, intersections and interdependencies.

NEED A QUOTE FOR YOUR PROJECT?

Our team of business developers and project managers can help you to clarify any questions you have related. Feel free to chat with us anytime and get a quote for your project.

PDP book

Buy our published book on Product Design Process. Part of the curriculum in several universities across Portugal and Canada.

What our customers say

Client logo: Ecolibrium

5.0

5/5 stars rating
Quote icon
The team was very easy to work with and very communicative."
Priya Krishnan
Head of Strategic Initiatives, Ecolibrium
Client logo: Eurofound

5.0

5/5 stars rating
Quote icon
They were very flexible and adapted to our means of communications."
Maria Josefa Perez Barral
IT Project Assistant, Eurofound
Client logo: Confinze

5.0

5/5 stars rating
Quote icon
Their framework is super unique and something I haven't seen before."
Mathias Storm
MouritsenHead of Product, Confinze ApS
Client logo: Teach Tutti

5.0

5/5 stars rating
Quote icon
The web developer delivered a really high quality video conferencing system within a very short period of time.”
Liam Hindson
Founder & Owner, TeachTutti Ltd
Client logo: OAI

5.0

5/5 stars rating
Quote icon
The people at Imaginary Cloud were both professional and organized."
Alex Algard
Fund Manager, Online Awareness Initiative
Client logo: Farmlink

5.0

5/5 stars rating
Quote icon
Imaginary Cloud is very committed to their work and timely delivery.”
Richard Surendrakumar
Head of Product, FarmLink Marketing Solutions
Client logo: ELSA

5.0

5/5 stars rating
Quote icon
Imaginary Cloud is a very serious software agency with a positive attitude and good skill set."
Xavier Anguera
Co-Founder & CTO, ELSA, Corp.
Client logo: Learninghubz

5.0

5/5 stars rating
Quote icon
This is the best work we’ve gotten from a provider so far, and we’ve worked with many over the years.”
João Santos
CEO & Founder, Learninghubz
Client logo: Oligo

5.0

5/5 stars rating
Quote icon
They have a very good approach to the design of everything that is related with the graphical interface and the UX.”
Luís Pedro
CEO, Oligo Swiss Fund Services
Client logo: Topgim

5.0

5/5 stars rating
Quote icon
Imaginary Cloud has a strong ability to solve problems, and they present a solution in a short timeframe."
Artur Carvalho
Owner & CEO, Topgim, Lda.
Client logo: TrustPortal

5.0

5/5 stars rating
Quote icon
They’re equally as capable as some of the biggest development names out there.”
Chris Lamberton
Strategy Director, TrustPortal Solutions
Globosurveys Logo

5.0

5/5 stars rating
Quote icon
The team, deliverables, and overall experience have all been fantastic— I couldn’t ask for anything more."
Miguel Costa Santos
CEO, Globsurveys
Client logo: 1.00 Plus Plus Store

5.0

5/5 stars rating
Quote icon
It's been a great addition to our store."
Ellie David
Manager, 1.00 Plus Super Store
Client logo: Travelwifi

5.0

5/5 stars rating
Quote icon
I'm impressed with their very deep expertise, transparency, and very talented people."
Simone Rigoni
CEO, Tep Wireless
Right arrow icon
Right arrow icon
00/00

We ARE a WebFLOW ENTERPRISE PARTNER

Enterprise Partner badge2023 Top Webflow Clutch badge

Besides being a software & web application development company, we are also a digital incubator. As a Webflow-endorsed partner, we are constantly looking for fresh and intuitive ways to stimulate the metamorphosis of both new and existing digital projects. From technology to healthcare, finance to travel, we help clients for various industries grow their digital presence through Webflow.

webflow professional partner badge

We ARE a WebFLOW ENTERPRISE PARTNER

Enterprise Partner badge2023 Top Webflow Clutch badge

Besides being a software & web application development company, we are also a digital incubator. As a Webflow-endorsed partner, we are constantly looking for fresh and intuitive ways to stimulate the metamorphosis of both new and existing digital projects. From technology to healthcare, finance to travel, we help clients for various industries grow their digital presence through Webflow.

webflow professional partner badge

Strengthen your business with our Product Design Process

Follow our unmatched Product Design Process to build meaningful and user-driven interfaces. It selects a collection of matured techniques and tools capable of skyrocketing your online product’s usability, efficiency and success.

Imaginary Cloud illustration
GET A PROJECT PLAN

Know the detailed steps, needed resources, expected costs and delivery time to build a functional and valuable product.

Imaginary Cloud illustration
CREATE AN ENGAGING USER EXPERIENCE

Follow the necessary steps (from research and ideation to development) to ensure a well-grounded UX.

Imaginary Cloud illustration
REDUCE TIME AND COSTS

The high-level PDP design allows you to plan realistic schedules and avoid redesigning costs.

Reduce cost icon
INCREASE PROFITABILITY

Grow revenue and business value with a well-thought-out UX that increases conversions.

WE ARE AN AWARD-WINNING COMPANY

Imaginary Cloud illustration

Top Software Developers London

Clutch, 2023

Imaginary Cloud illustration

TOP WEBFLOW 
LONDON

Clutch, 2023

Imaginary Cloud illustration

Top Web Design 
CompanIES IN LONDON

Designrush, 2022

2022 Top Software Developers award

Top Software Dev.
Company

Techreviewer, 2022

We are a
global partner in over 80 countries

Bridging borders, serving clients in over 80 countries worldwide.

United States of America map

united states

Europe map

europe

Middle East map

middle east

World map

rest of the world

your
team

With a recommendation rate of 99%, Imaginary Cloud has over 100 passionate, EU-based professionals that align your business goals with the latest tech solutions.

Recognised for working with processes that guarantee a high-quality delivery, our team of web developers, designers, product managers and data scientists have the technical expertise, creativity, and vision to create beautiful, smart web and app software products.
We excel at what we do and we love every moment of it!

illustration of someone at the computer
Developer icon

FRONTEND AND BACKEND DEVELOPERS

From React, Flask, Django to Node and Ruby on Rails developers, we have a great talent-pool of web developers with a high technical expertise to develop complex web based applications

Designer icon

Designers

Our award-winning designers and developers work side-by-side to create superior UX/UI experiences for your web development project, using leading tools such as Webflow.

Project Manager icon

Project Managers

Drawing on experience in industries galore, our Project Managers define project requirements and outline the scope of a future web app. After that, they provide a high-level project plan, give rough time estimates, and compile a team for your web project implementation.

SOUNDS LIKE YOUR DREAM TEAM?

WHY
IMAGINARY CLOUD

Imaginary Cloud focuses on crafting scalable technology. With our proprietary development processes, we ensure dependable, user-centric solutions that propel smooth digital transformation for both Enterprise and Scale-up companies.

Why
imaginary cloud

Imaginary Cloud focuses on crafting scalable technology. With our proprietary development processes, we ensure dependable, user-centric solutions that propel smooth digital transformation for both Enterprise and Scale-up companies.

how we
WORK

We provide you with flexible solutions throughout the software development lifecycle, from expanding your delivery team to full project management, depending on your requirements.

Dedicated team icon

MANAGED TEAMS

We provide you with a web design and development squad or an individual fit to your needs, able to work independently, and/or fully integrated within your delivery team and processes.

Specialized squads icon

managed projects

We will develop the project in-house, following our battle-tested processes which ensure world-class quality and efficiency. This end-to-end solution is ideal for companies without internal technical teams.

Dedicated team icon
TEAM EXTENSION
Right arrow icon
Specialized squads icon
MANAGED PROJECT
Right arrow icon

the tech stack that helps maximize your business value

design

Tool logo: Figma

figma

Tool logo: Adobe Photoshop

photoshop

Tool logo: Adobe Illustrator

illustrator

Tool logo: Adobe Id

indesign

Tool logo: Adobe Xd

xd

front-end

Framework logo: React Native

react

Framework logo: Angular

angular

Framework logo: Vue

vue

Tool logo: Webflow

webflow

back-end

Node logo

node

Python logo

python

Ruby on Rails logo

rails

Framework logo: Django

django

mobile

Framework logo: React Native

react native

Flutter logo

flutter

systems

AWS logo

amazon web services

Azure logo

azure

Google Cloud logo

google cloud

ai/data science

Pytorch logo

pytorch

CML logo

cml

DVC logo

dvc

mlflow logo

mlflow

Sagemaker logo

amazon sagemaker

Vertex.ai logo

vertex.ai

Azure AI logo

azure ai

design
Right arrow icon
front-end
Right arrow icon
back-end
Right arrow icon
mobile
Right arrow icon
systems
Right arrow icon
ai/data Science
Right arrow icon

EVERYTHING YOU NEED TO KNOW ABOUT OUR product design process

illustration of a FAQ

Browse the Frequently Asked Questions and get your answers. Or better yet – get in touch with our team and let’s talk!

get a quote
Why is our Product Design
Process the most efficient?
Why is our Product Design Process the most efficient?
Right arrow icon
What are the 12 steps in the
Design Process?
What are the 12 steps in the Design Process?
Right arrow icon

Still have questions?

Our team of business developers and project managers can help you to clarify any questions you have related. Feel free to chat with us anytime.

Pdp
‍‍RESOURCES

blog post

Product Design Process: The Twelve Steps to create a Successful Product

Meet the Product Design Process, our user-centered design process especially created for developing innovative digital products.

PDP Blog
OTHER RELATED POSTS FROM OUR BLOG
Explain your project and book a meeting today.
Dropdown caret icon