Invision Logo overlaid in front of Invision staff
- Design

Communicating designs using InVision

Head shot of TomBy Tom O’Malley

As a website design agency we’ve produced hundreds of web projects over the years, with the way we deliver designs for feedback evolving over time. However, we found the way these designs were being viewed by clients would sometimes lead to misinterpretations down the project line.

Page designs ready for review would be sent in zipped folders or delivered via project management tools, making it difficult for clients to see how the designs would cohesively work together. In the past we’d heard of pages being opened in MS Paint or printed on a4 paper in an attempt to ‘accurately’ represent a desktop screen size.

The solution

Just over a year ago we integrated parts of our visual design process with InVision to not only speed up our workflow, but to also avoid the little issues that occurred when clients reviewed designs with stakeholders. By sending a prototype link to be opened in the browser, we now have control over how design mocks are viewed.

How we use InVision

InVision is a powerful page prototyping tool that allows designers to upload static JPGs (plus other file formats) and essentially link them all together. During a typical web project we’ll make use of ‘InVision boards’ for discovery-based research, which allows us to compile a number of resources and collate them into the relevant documents for the benefit of clients. We’ve presented visual direction boards, sitemaps and competitor analysis documents all using these boards.

How InVision has benefited our clients

During the design phase, and depending on the type of project, we’ll use InVision to present wireframes, full visual designs or show parts of the user flow. Now, when a client receives designs for feedback, they can open the link directly in their browser and click around the pages as they would on a regular website. This allows them to simulate the feeling of using the site before it proceeds into development. Although not all interactions can be covered using static designs, InVision is constantly evolving and already allows designers to add low level interactions to communicate certain user actions.

Rapidly prototyping our projects has not only benefited our clients, but more importantly, it impacts positively on their customers. We’re able to use parts of the design to conduct early user tests that allow us to iterate on any assumptions made during the design process. Small tests like these help improve the overall user experience which leads to happier customers.

Improving workflow

Project to project, we’re increasingly finding more ways that InVision can help improve our workflow. It’s now firmly part of the designers’ toolbox in the Si digital studio. Using tools such as this during projects has had great benefits all round and it helps us communicate our work and processes even more effectively with our clients, contributing to a smooth project cycle.

Have you got a new and exciting project that you’d love to tell us about? Let’s get started.

Next Post

Get started

Plan your project