PRODUCT DESIGN PROCESS

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

Prislogoer: Clutch, erhvervelse internationalt og Great Places to Work
Prislogoer: Clutch, erhvervelse internationalt og Great Places to Work

betroet af:

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

betroet af:

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

oursolutions

Our expertise covers an array of areas, from simpler projects such as AI-assisted website development to highly complex, AI-first 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 start-up looking to develop an MVP with AI integration, a scale-up aiming to improve your product through predictive user insights, or an enterprise scaling your website or digital product capabilities with AI-native design practices.

Web application development service icon: desktop screen with cursor selecting a form.
web application
Mobile app development service icon: hand holding a smartphone with an app grid overlay.
MOBILE APPS
Software as a Service (SaaS) icon: cogs on a monitor.
SOFTWARE AS A 
SERVICE (SAAS)
E-commerce monetisation service icon: shopping cart linked to a dollar symbol and nodes.
E-COMMERCE PLATFORMS
Marketplace development service icon: storefront with shopping cart for online store builds.
MARKETPLACES
Business solutions service icon: team of people with a gear and an arrow towards revenue.
BUSINESS WEBSITES
Content Management System service icon: settings cog and pencil inside a browser window.
CONTENT MANAGEMENT sYSTEMS (CMS)
Icon of a webpage layout representing landing pages for digital marketing and lead generation.
LANDING PAGES
Web portals service icon: wireframe layout with content blocks and sidebar.
WEB PORTALS
Web application development service icon: desktop screen with cursor selecting a form.

web applications

Mobile app development service icon: hand holding a smartphone with an app grid overlay.

mobile apps

Software as a Service (SaaS) icon: cogs on a monitor.

software as a service
(saaS)

E-commerce monetisation service icon: shopping cart linked to a dollar symbol and nodes.

e-commerce
platforms

Marketplace development service icon: storefront with shopping cart for online store builds.

marketplaces

Business solutions service icon: team of people with a gear and an arrow towards revenue.

business websites

Content Management System service icon: settings cog and pencil inside a browser window.

content management websites (cms)

Web portals service icon: wireframe layout with content blocks and sidebar.

web portals

our
AI-FIRST APPROACH

ourAI-FIRST APPROACH

Our design process integrates AI to assist in brainstorming, mood boards, style guides, sitemaps and user story creation - enabling our designers to focus on innovation while delivering results more swiftly.

AI-Driven Market and Competitor Benchmarking

We analyze industry data to build informed design strategies and accurate user personas.

Automated Mock-Up Variations

AI rapidly generates alternative layouts and design options, making testing and refinement quicker.

Reduced Repetitive Work

Automation of mundane tasks, like layout adjustments or format changes, gives designers more time to focus on crafting engaging user experiences.

our
pdp process

our pDP process

At Imaginary Cloud, we believe the process of designing a product should be user-centered, integrating an innovative, AI-first and data-led approach that considers the users’ goals, the business requirements, and a technically robust, future-ready architecture.

Behind a web or mobile app’s look and feel, there’s far more than just bright and engaging user interfaces. Since UX design is a user-centred discipline, our UI/UX designers leverage AI-assisted usability analysis to focus on the user’s journey and overall experience. To deliver a world-class digital product, it’s recommended to conduct an informed user research, create predictive user personas, plan the information architecture, design flows and wireframes, create interactive prototypes—and finalise 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 or prototype stage. This lowers the risk of discovering usability issues or other challenges later on during customer adoption or rollout phases, while also enabling intelligent iteration cycles powered by AI.

Illustration of a person using a laptop with step-by-step forms on a screen, symbolising guided digital process.
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.

Image of the Product Design Process book

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

Tag ikke vores ord for det, se hvad vores kunder siger

Tag ikke vores ord for det,
Se hvad vores kunder siger

Ecolibrium-logoet
5.0
Rating stars
Quote icon
Holdet var meget let at arbejde med og meget kommunikativt.“
Priya Krishnan
Leder af strategiske initiativer, Ecolibrium
Eurofounds logo
5.0
Rating stars
Quote icon
De var meget fleksible og tilpasset vores kommunikationsmidler.“
Maria Josefa Pérez Barral
IT-projektassistent, Eurofound
Begræns logoet
5.0
Rating stars
Quote icon
Deres rammer er super unikke og noget, jeg ikke har set før.“
Mathias Storm Mouritsen
Produktchef, Confinze ApS
Begræns logoet
5.0
Rating stars
Quote icon
Webudvikleren leverede et virkelig højkvalitets videokonferencesystem inden for en meget kort periode.“
Liam Hindson
Grundlægger og ejer, TeachTutti Ltd
Begræns logoet
5.0
Rating stars
Quote icon
Folkene på Imaginary Cloud var både professionelle og organiserede.“
Alex Algard
Fondsforvalter, Online bevidsthedsinitiativ
Begræns logoet
5.0
Rating stars
Quote icon
Imaginary Cloud er meget engageret i deres arbejde og rettidig levering.“
Richard Surendrakumar
Produktchef, FarmLink Marketing Solutions
Begræns logoet
5.0
Rating stars
Quote icon
Imaginary Cloud er et meget seriøst softwarebureau med en positiv holdning og gode færdigheder.“
Xavier Anguera
Medstifter og CTO, ELSA, Corp.
Begræns logoet
5.0
Rating stars
Quote icon
Dette er det bedste arbejde, vi har fået fra en udbyder indtil videre, og vi har arbejdet med mange gennem årene.“
Joao Santos
Administrerende direktør og grundlægger, Learninghubz
Begræns logoet
5.0
Rating stars
Quote icon
De har en meget god tilgang til designet af alt, hvad der er relateret til den grafiske grænseflade og UX.“
Luis Pedro
Administrerende direktør, Oligo Swiss Fund Services
Begræns logoet
5.0
Rating stars
Quote icon
Imaginary Cloud har en stærk evne til at løse problemer, og de præsenterer en løsning inden for en kort tidsramme.“
Arthur Carvalho
Ejer og administrerende direktør, Topgim, Lda.
Begræns logoet
5.0
Rating stars
Quote icon
De er lige så dygtige som nogle af de største udviklingsnavne derude.
Chris Lamberton
Strategidirektør, TrustPortal Solutions
Begræns logoet
5.0
Rating stars
Quote icon
Teamet, leverancerne og den samlede oplevelse har alle været fantastiske - jeg kunne ikke bede om noget mere.“
Miguel Costa Santos
Administrerende direktør, Globsurveys
Begræns logoet
5.0
Rating stars
Quote icon
Det har været en god tilføjelse til vores butik.“
Ellie David
Manager, 1.00 Plus Super Store
Begræns logoet
5.0
Rating stars
Quote icon
Jeg er imponeret over deres meget dybe ekspertise, gennemsigtighed og meget talentfulde mennesker.“
Simone Rigoni
Administrerende direktør, Tep Wireless
Right arrow icon
Right arrow icon
00/00

We ARE a WebFLOW ENTERPRISE PARTNER

Enterprise Partner badgeClutch Top Webflow 2023

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.

Clipboard with strategy plan and pencil icon representing getting a project plan.
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.

Clock and dollar icon with arrows representing reducing time and costs in business processes.
REDUCE TIME AND COSTS

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

Scale and dollar symbol icon showing balance and value to increase profitability.
INCREASE PROFITABILITY

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

WE ARE AN AWARD-WINNING COMPANY

Top Software Developers London 2023 Badge

Top Software Developers London

Clutch, 2023

Top Webflow London 2023 Badge

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

Vi er enGlobal partner i mere end 80 lande

Vi bygger bro over grænser og betjener kunder i over 80 lande verden over.

United States of America map

Forenede Stater

Europe map

Europa

Middle East map

Mellemøsten

World map

resten af verden

PROJECTS
SUCCESSFULLY DELIVERED

Since 2010, we’ve delivered more than 300 web, software and mobile application services.

your
team

yourteam

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, project managers and data scientists have the technical expertise, creativity, and vision to create beautiful, smart web and app software products.

Illustration of a person in a video conference with multiple participants on a laptop screen.
Software Developer blue 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 blue 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 blue 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

At Imaginary Cloud we provide a unique service tailored to the needs of companies that are focused on growth. Know more about why we are the right partner to fuel your growth.

Why
imaginary cloud

At Imaginary Cloud we provide a unique service tailored to the needs of companies that are focused on growth. Know more about why we are the right partner to fuel your growth.

how we
WORK

how weWORK

At Imaginary Cloud we provide you with flexible working models to work with our team, depending on your business requirements.

Icon of three professionals standing together representing a dedicated development team.

Team Extension

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

Icon of a person with gears and puzzle pieces symbolising specialised squads for projects.

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.

Icon of three professionals standing together representing a dedicated development team.
TEAM EXTENSION
Right arrow icon
Icon of a person with gears and puzzle pieces symbolising specialised squads for projects.
MANAGED PROJECT
Right arrow icon

den tekniske stak, der hjælper Maksimer din virksomheds værdi

design
Right arrow icon
frontend
Right arrow icon
bagenden
Right arrow icon
mobile
Right arrow icon
systemer
Right arrow icon
ai/datavidenskab
Right arrow icon

DEN TEKNISKE STAK, DER HJÆLPER
MAKSIMER DIN FORRETNINGSVÆRDI

design
Figma-logoet

figma

Photoshop-logoet

Photoshop

Illustrator-logo

illustratør

InDesign-logoet

indesign

mobile
React Native logo

react native

Flutter logo

flutter

frontend
React logo

react

Angular logo

angular

Vue logo

vue

Webflow logo

webflow

systemer
aws logo

aws

Azure logo

azure

GCP logo

gcp

bagenden
Node.Js logo

node.js

Python logo

python

Rails logo

rails

Django logo

django

.Net logo

.net

JAVA logo

java

ai/datavidenskab
Pytorch logo

pytorch

CML logo

cml

DVC logo

dvc

mlflow logo

mlflow

Amazon Sagemaker logo

amazon
sagemaker

Vertex.AI logo

vertex.ai

Azure AI logo

azure ai

EVERYTHING YOU NEED TO KNOW ABOUT OUR product design process

FAQ illustration with magnifying glass, exclamation and question icons, representing frequently asked questions.

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.

PdpRESOURCES

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
Forklar dit projekt og Book et møde i dag.
Dropdown caret icon