Design
Shaping a concept into a new product.
Wireframing
Wireframing is, on the basis of line drawings, putting on paper what something will look like. During this step we look at things like which button goes where and what this button is for.
With wireframing we do not yet look at colors or images. Think of it as a non-colored cartoon with an explanation of the interpretation.
Visualisation
A visual design is a design in which the wireframes are colored to show the look and feel of the application. We make this to agree on things like colors, fonts and icon styles.
As soon as we agree, we store these things in a design system to save a lot of time in the rest of the process.
Prototyping
A prototype is a kind of dummy. It shows you what the product will look like, which functions belong to the buttons and how the application reacts to this.
A prototype is colored, provided with the necessary images and fonts to give stakeholders a clear picture of the end result.
Your product
Visualised
In the design phase, during the drawing of the wireframes and the making of a visual design and a prototype, we work out together how your idea will be visualized.
Why we go through these steps is to make sure that we do not lose valuable time during technical developments due to unforeseen work.