Internal Mockup Design Demo Tool

Role: Design, Development, Strategy

Problem: Clunky method for reviewing mockups

At iMarket, each new design gets 4 static mockups: homepage, subpage, fixed header, hover states. We present each mockup in their own URL as a background image, so they open in the browser. That means, to review your design, you get 4 links which open in 4 browser tabs. We were missing an opportunity to show our professionalism.

Solution: A package of mockups with an interface

We consolidated the mockups so every project would have 1 main link as a home-base and added footer navigation to give clients more control to review their designs.

Problem: Repeated talking points

A classic case of cutting repetition, we noticed that we were re-explaining the purpose of each mockup for every project. Such as:

Solution: Link explanations

We added the broad phrases to the intro page and added a description on each mockup styled as a tool-tip.

Problem: Giving design feedback is hard

Clients are put into a place where they might not know how to best express themselves. This might be their first situation having to discuss design. The better we understand their vision, the the better we can design it. We’re shooting for hand-holding here, not pulling teeth.

Solution: Tips for effective feedback

We added suggestions for offering design feedback to the intro page. As part of the mockup’s home-base, these words will get many views.