2018

Using Gamification to Decentralize the Canadian Legal Space

Challenge

Leverage the competitive nature of legal professionals with a social platform to spread legal knowledge to the general population.

Tasks

Product Design
Information Architecture
Guerrilla User Testing
InVision
Web Design & Development
Webflow
Brand Identity
Iconography

Sector

Legal

Timeline

3 months

Overview

Designing an MVP for a gamified social platform

A team of four—two designers and two legal students—coming together to create a totally new concept for an underserved market; millennials in the legal industry.

We used "Law Game" as a working title.

Business Impact

Time-on-Task

Lorem ipsum dolor

Retention Rate

Lorem ipsum dolor

Click Through Rate

Lorem ipsum dolor

problems

The average Canadian either doesn't care, isn't aware of, or is uneducated on prominent legal cases

Canadians are often distracted by the goings-on with their American neighbors to the south, but prominent legal cases, even at the federal level, pass under the average Canadians radar.

This is in part due to the media's underreporting, but Canadians are also uneducated, on average, on their legal systems mechanisms and news.

Project Highlight

Low vs. high fidelity wireframes of the Case page

Project Process

Our small 4 man team designed, researched, tested and prototyped a 0-1 product starting from scratch

Brand Identity

Using our working title brand name, we created a logo, color palette, iconography and spot illustrations.

Low-Fi Mockups

We used Adobe Illustrator to create low-fi wireframes and I mocked them up in InVision.

User Testing

We took to the Ryerson University's law campus to test our mockups on 6 law students.

Design Iteration

Acting upon the feedback we received, we altered features, user flows, layouts, and UI.

Project Highlight

On a users profile, their legal knowledge specialties are showcased, with the option to view the activity for each specialty.

The work

Boots-on-the-ground user testing our first prototype

We'd designed low-fi mockup screens and I took them into InVision to create a working prototype.

The feedback we received was positive and we gained some critical insights on layout, clarity, user flows and available actions.

We also had some assumptions corrected; we were cautious about including too much visual stimuli and viewed lawyers as "all business".

But the new generation of legal professionals preferred engaging graphics, more gamification, and even suggesting monetization avenues.

Outcomes

Successfully designing a pitch-ready, research based "MVP" in the legal space

Throughout this project we learned that legal professionals were extremely busy, so we leaned on gamification strategies to engage and retain users.

Gamification strategies included a quick-play option, and 3 ways to gain experience points. 1. Judgement; correctly guess the outcome of a case, 2. Insight; offer input on a case, 3. Acclaim; how popular your input is with other users.

To leverage the competitive nature, we added leaderboards for "Leagues" which you could join with other users.

Later down the road, as I got more into web development, I decided to build this thing out in Webflow to practice my dev skills and beef this project up as a portfolio piece.

Design Thinking

Breaking down the different ways that design thinking steps and principles were used on this project.

Empathize

Our ideal customer profile was a busy lawyer, a high performer, passionate about their work, and naturally competitive—especially with colleagues.

Define

Leveraging our ICP's competitive nature would be a very useful vehicle to spread legal knowledge among the general population in Canada.

Ideate

Create a gamified social platform that pits users against one another on how best they can predict prominent Canadian legal cases.

Prototype

We took a low-fidelity InVision prototype onto a law school campus to interview students on their wants and needs from a tool like this.

Test

We interviewed 6 law students in an afternoon to gain their insight on Law Games usefulness, usability, design preferences and features.

Implement

Making changes based on the students' feedback, we created high-fi mockups, and later I prototyped Law Game in Webflow.