top of page

Bridge Legal

Webpage redesign
for SaaS

The project aims to redesign the product homepage by incorporating current trends as well as implementing new features for the product

Rectangle.png
Iphone.png

Overview

Background

Bridge Legal is startup company that provides financial services for law firms and legal services. They asked me to redesign the landing page of their website and implement a couple features to their software.

Timeline

3 Days

Design Process

ri_empathize-line.png

Empathize

Understand the user as well as steakholder

akar-icons_search.png

Research

Research current trends and competitors

octicon_light-bulb-24.png

Ideate

Defining features that is crucial

heroicons_pencil-square.png

Design

Create design system and high fidelity prototypes

Discovery

Empathize

There wasn't specific instructions on what to redesign. In order to understand the task, I conducted an interview with the steak-holder and performed a heuristics evaluation of the current site and product software.

bi_check-square.png

Display features in a more creative way

bi_check-square.png
bi_check-square.png
bi_check-square.png
bi_check-square.png

Implement current design trends

Include features and organize it to present for a conference

Change way to display page number

Incorporate live search suggestions

Research

Search bar button

Does users use search button or hit enter?

Compensable Criteria

How to calculate compensable criteria?

Competitor Analysis

What features does competitors have?

Design System

Vectary texture.png

Color Palette and Typography

Blue
#3E569F

Light Blue
#719CF0

Dark
#333333

Orange
#FF9A0A

Light Orange
#FF9A0A

Grey
#666666

Rectangle 28.png

Blue Gradient
#3E569F
#719CF0

Rectangle 29.png

Orange Gradient
#3E569F
#719CF0

Poppins

Regular

Semibold

Bold

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ! @ # $ % ^ & * ( ) < > ? / _ - + = | \ : .  , { } [ ] ~ `

Iconography

Group 3.png
Group 9.png
Group 13.png
Group 8.png
Group 12.png
Group 10.png
Rectangle-2.png
Group 1.png
Group 5.png
Group 7.png
Rectangle-1.png
Group 4.png
Group 11.png
Rectangle.png
Group 6.png
Group 2.png

UI Components

Group 9.png
sign in.png
View All features button.png
Get Started.png
Request A demo button.png
Form.png
Group 8.png

Final Protoype

Homepage

Home Page.png

Dashboard Compensable Criteria

Dashboard.png

Client Profile

Clients.png
bottom of page