Impact also previously known as Impact Radius is global leader in cross marketing attribution. Impact enables digital brands and agencies to maximise their return of ad spend across digital, mobile and offline channels. The company Saas marketing technologies enable markers to have a singlular trusted analytics view into marketing efforts by collecting granular consumer journey data and marketing cost.
The Scope
- Revamping the existing web app
- Creating a visual styleguide
- Adding new features
- Improving the conception ➝ design ➝ validation ➝ dev workflow
Requirements
We engaged with product team to articulate their needs and help understand the basis behind them. At this stage, i’ve learned more about the current product version, branding, users, and their workflows.
Auditing existing designs
Gathering ideas of product improvement, we proceeded with conducting an audit of the existing designs. The issues we identified were then prioritised and scheduled to be worked on. We worked on improving the existing design components and visual design, reducing cognitive load and better usability.
Personas
I decided to create user personas to get a better understanding of our users. The information about each persona focused on the type of user, their primary use and goals.
Early Concepts
Now that we had a list of issues to tackle, we focused on how we could do it. The solutions would first take the form of rough concepts. The more the better. This stage is all about quantity. The best concepts would be potentially merged and make it into the optimal version.
Wireframing & idea validation
Having prepared a wide range of potential concepts for the redesign with new features, we’ve fleshed out the best ones.
Usability Testing
For each major shift in design, we’ve conducted internal and external interviews with potential stakeholders, publishers and advertisers. Who we talk to depends on the feature we’re designing. That’s how we knew whether our designs worked.
Usability testing sessions, allowed us to identify potential usability issues early on, which made it quick and cheap to fix. Beta testing is yet another way we used to validate our design decisions through gathering quantitative data.
Styleguide
A styleguide was created that reflects the new corporate style and ensures brand consistency with design, development and writing.
High-fi Design & Hand-off files
The next step for a validated wireframe is making it look stunning. That’s what we put our effort into. These designs were then turned into hand-off files for the development team.
There were developers working on the project already, so there were a lot of things running in parallel. At any given point in time, developers had things to do, and so did we. That’s one of the other benefits of the agile design approach.
The design process we took is iterative. In order to keep designing, validating, and coding features as rapidly as we can, we worked in increments.
Here are some of the hi-fi screens I designed:
Sign in
The sign in screen allow users to sign in to their account. Non account users can also easily sign up as an advertisers, publisher or agency.
Set transfer window wizard
The set transfer window wizard assist users with setting up there payment method for wire transfers.
Create banner ad
Advertisers can create and add banner ads to share with their partners.
Manage ads
Manage ads allow advertisers to accept request from their partners and share ad banners and assets with their affiliate partners.
Partners overview
The partner overview allow advertisers to view an overview of the activity with their partners (affiliate marketers or influencers). Send direct messages to their partners, create tasks or share files.
Forensiq dashboard
Forensiq expose affiliate fraud, influencer fraud, and traffic abnormalities wherever they corrupt your conversion paths. They cut out invalid traffic and reinvest spend in high-quality partnerships.
