The Storygize team was in the middle of engineering their new online platform, so they called us at DNA to refresh the product and streamline it to match the rest of their brand. We worked closely with Storygize to understand their product, vision, and message. Based on the insights gathered during the discovery phase we proposed a new style guide to model the web app off of, provided hi-fidelity design mocks as examples, and marked up their existing UI so that their engineering team could easily implement the designs to spec.
The result was a clean and crisp interpretation of their user interface that helped direct users to pertinent information instead of wondering where or what they should be looking at. By directing users eyes using color and contrast we were able to help guide users through the platform. We modified how users interact with the dashboard ensuring they are not bombarded with information all at once. Instead of being overloaded with graphs we allowed users to interact with only the information that matters to them the most. This not only cleans up the dashboard of busy graphs, but allows users to focus when moving through the dashboard.
By supplying a style guide, UI kit, and having their existing UI screens marked up with notes from our Lead Designer, Ana, we were able to ensure that their engineering team would know exactly how to implement the new UI into their existing platform. This process also cuts down on overhead saving time and money for the client as we are not mocking every single screen. Thus allowing us to move faster in an agile work environment that encourages iteration. By using this methodology we can iron out major UX issues before the product goes live.