xInfluence

“Platform X” by xInfluence helps brands work with their chosen, audited influencers, to create suitable content for Facebook, Instagram, Twitter, YouTube and TikTok. The platform produces real time campaign data, allowing full insight into the online success of a campaign saving time, stress and above all money.

Overview

Role: Product Design Lead

Team: 1 Project Manager, 1 Product Owner, 1 Product Designer, 2 Engineers

Platform: Web

 
 

Discover

To dive in deeper, we organised various Discovery Workshops to understand what the current problem is, what others are doing about it, what sets xInfluence apart and who are their potential users. This exercise was beneficial as it got everything from the clients minds down on (digital) paper to make sure we understood their exact requirements for what was feasible for MVP, and also what would work for future phases.

Major Discoveries:

• Thoughts / suggestions were collated into musts, shoulds and coulds

• A clear understanding of what was possible for MVP within time and budget

• Who xInfluence’s potential user base is and the pain points currently in the industry

• Who are xInfluence’s main competition in the industry

• What went right and wrong in an initial phase 1 build prior to Boxmodel’s involvement

 

A snippet of the Discovery Workshop outputs

 

Design

From Discovery, the team understood what the MVP requirements are, and we were all aligned. From my side, it was a case of jumping into the creative side and iterating some ideas with the team, so we had something visual to look at, discuss, review and improve.

I started sketching out ideas for each screen needed, then once the team we’re happy with the low-fidelity, I progressed to more high-fidelity User Interface wireframes, continuing the iterative feedback loop.

As we moved forward, the more polished high-fidelity designs were then used to validate the best possible user experience, including every possible edge case the user could find themselves in. Again, continuing the iterative feedback loop.

 

Early Example of Platform X’s Vision For a Home Screen or “Hub”, Created in Discovery (low-fidelity Wireframes)

An Overview of the Platform X Web App Influencer Screens (High-Fidelity Wireframes)

An Overview of an Initial Feedback Session for Platform X Key Screens

Platform X Style Guide - System Colours, Headings, Input Fields

Platform X Style Guide - Primary, Secondary & Tertiary Buttons, Validation Modals

 

Debrief

Platform X Style Guide - WYSIWYG Editor, Input fields

Platform X Style Guide - Iconography

 

This project had many challenges during the Discovery and Design phase of the project, mainly down to time constraints and client budget when looking at the overall vision. I feel I did the best job possible when looking back (or the below image for before and after screens!). Working with a close-nit set of individuals allowed for a greater collaborative environment and day-to-day working.

Note - credit to Boxmodel for allowing this project to happen.