The client is pioneer in referral viral marketing. They wanted to re-imagine the user experience while recreating the functionality of their service. The existing web app was not intuitive, features were integrated ad-hoc resulting in user confusion and success was dependent on using support center. App lacked responsiveness to smaller screens. Heuristic evaluation revealed that Product had problems with consistency in design and visual hierarchy, that information architecture and navigation was not logical (in many cases broken), system status was not visible and actions demanded too much cognitive load in order to complete.
Challenge
Redesign a SaaS product to help users manage their viral campaigns.
Solution
In following 9+ months I’ve been working on new information architecture, design system and UX solutions for the product features. I’ve also been working on streamlining the setup flows. I’ve been leading the design and worked with stakeholders, testers and developers in agile environment.
More than 200 screens were redesigned in total.
Dashboard
On this page, a user sees overview about their campaigns. They can navigate through their created campaigns or create new ones.
Manage Leads
Learning Center
User Profile
Medium Fidelity Prototypes
To test design in context, medium fidelity prototypes have been made using Figma. The great benefit of using Figma is that both design and prototype are just different presentation views of the same cloud file. That means that every time design is updated the prototype is too. Thanks to that design is constantly tested and updated based on the tester feedback, sometimes even in real time.
Explore mobile interactive prototype bellow (on desktop)! You can also check desktop web-app protoype here.
High Fidelity Prototypes
Advanced interactions and detailed animations of elements were done in ProtoPie. Combining medium and high fidelity prototypes helped in defining interactions and transitions in great detail, but in the manner that is not too complex for developer to read clearly! Instead of creating hi-fi prototype for everything, or leaving interaction specification in medium fidelity, only advanced interactions were defined in ProtoPie, and than everything was glued together in development stage.