Testing layout and ideas in reality.
Developing prototypes and wireframes are one of the first steps in creating solutions. Initial screens can be created very quickly and tested by users easily – before even writing the first line of code. We use simple “paper-prototypes” constantly on projects, even for specific use-case visualisations.
Naturally, interaction is key. Using tools like Adobe XD, Marvel App, InVision, Sketch and others, we make our prototypes clickable. From the beginning we recognised the importance of being able to present responsive design to clients within web browsers. In order to speed up the process of bridging the gap between visualisation and the realisation our designers work in HTML and CSS as well.
- Low-Fi prototyping (paper-prototype)
- High-Fi prototyping (HTML, CSS)
- Wireframe conceptualization