Concept & Design

Interaction Design

From Wireframes to Prototypes

A new website is about so much more than just a new look. User experience is extremely important; everything has to fit perfectly together to serve your visitors as well as possible. We use wireframes and prototypes to give you a good overview of ​​the steps we take in the development of your new website. Those two are inseparable, kinda like Pim and Jeffrey!

Wireframing: the blueprint for your website

When you build a house, you start with a blueprint. We apply the same principle to websites with our wireframes. In the wireframe you can already see an overview of the functional parts that will be on your website once we are done. This does not include any graphic designs; this way we are not distracted by visuals. A wireframe is only about how your website works.

Wireframing not only allows us to quickly and easily discuss designs with you, but also with your customers. For example, we can test whether the navigation we have in mind works well in practice. The advantage of wireframing is that it is an inexpensive way to test a design before you spend a lot of money on the visual elaboration.

Prototypes: the next step

Once the wireframe is properly set up, it’s time for a prototype. This is an interactive demo of your website, allowing you to navigate from page to page. Through a prototype, you get an increasingly better idea of what your website will eventually look like.

The advantage of using a prototype is that you can easily make adjustments before finalizing the technical development of your site. A prototype is also very suitable for collecting more feedback. A good prototype ensures that developers know exactly how a website should behave, without having to work through pages of specifications.

In the mood for a wireframe?

In theory, we can make a wireframe for you on the back of a coaster. Obviously we’d like to fancy it up a bit, but we should already be able to show you something not long after a first get together.