This is a project I worked on at Managed by Q, which like many start-ups, is designing and shipping new features at a very fast pace.

Problem: The live designs do not match up with the versions that the designers hold.

Solution: Creating a master file with all the live designs in one place and, ultimately, changing the design process.

I started by creating a simple user flow chart of each page.

I inspected each page on web, tablet, and mobile formats. Then, I built each element on Sketch from scratch.

As you zoom out, the entire page becomes a low fidelity flow chart.

To ensure continuity and consistency, I created symbols. This will allow any changes to be made to any of the art boards just by changing the single symbol they all share.

During the process, I was able to catch bugs in the live site and alert the engineering team. For the design team, these bugs were noted next to each screen in bold.