Role: UI & UX Designer

Duration: Sep 2021 – Dec 2021

The BC Law Institute is a not-for-profit law reform agency that works to improve and modernize the law in British Columbia since 1997. BCLI carries out scholarly research, writing and analysis for law reform, collaborating with government and other entities, and providing materials and support for outreach and public information. New web redesign is allowing users to filter and search for the materials easier and faster. Here are some of the screens:


Users can look for documents based on the sector/topic.


Advanced search directly in the navigation helps users to filter and search by a keyword through published documents and blogs.


Older publications can be viewed in table layout with added categories.



Competitive Analysis

We look at some of the competitors in Canada and reviewed they user experience. A lot of the institutions appeared dated, poorly maintained and very rarely updated. We also decided to differentiate BCLI visually with the distinctive style of illustrations.

  • Alberta Law Reform Institute
  • Manitoba Law Reform Commission
  • Law Reform of Saskatchewan
  • Law Commission of Ontario Access to Justice &
  • Law Reform Institute of Nova Scotia


Simplified main navigation allow us to direct people to the most important parts of the website. Sectors will be added over time and they are another way for lawyers and general publicly can access documents about the topic they are interested in


Paper wireframes

The first diverged to brainstrom and roughly sketch out concepts. In this phase, I focused on the organization of the information.

Visual Design

Visual design reflect new brand identity developed by our company. I picked and modified stock illustrations for the website.


UI Guide

Certain colours represents specific subgroup of the company – for example red represents Reconciliation Law and tope Canadian Centre for Elder Law.