Wireframing

A Wireframe is a visual representation of how a screen on your website or inside your application will be structured. Depending on the chosen detail-level, it can contain the description of the functions and interactions, and also the main contents. However, it is not about visual design, it does not show how will your interface look like.

How does it help

Creating Wireframes enables us to discover different user interface design solutions in a fast and cost-effective way: we generate ideas multiple, get feedback, and iterate based on these.

What will you get

A Wireframe can be created by Sketching, and also by going digital, and using a software like Axure, UX Pin or Sketch App. We will provide you the detailed and polished high-fidelity wireframes.

The main difference between a Prototype and a Wireframe is that a Prototype is more interactive. It's purpose is to simulate the interaction between the user and your website or application.

The goal of Wireframing is to

  • design the layout, structure of the key interfaces,
  • identify the different functionalities
  • determine what information should be presented and where.

A Wireframe does not contain visual design elements, like color, imagery or specific typography. However, it shows the visual hierarchy of the content and different sections. We mainly use wireframes for planning, while a Prototype is created mainly for testing purposes.

What is the process

The steps of our Wireframing process depends on a lot of factors, but these general points always apply:

  • Exploring and discussing many ideas
  • Creating the polished Wireframes
  • Iterating based on the feedback
Top