top of page
22-min.png

bridge

Bridge is an online platform
for educational institutes.

Covid 19 pandemic has changed the education scenario.
the pandemic unfolded the potential of online learnings. At the same time users found out new dimension of challenges in this new world.

Bridge is an online platform that tries to make online education more fun and provides easy management to both students and teachers. 

Project overview

Product

Bridge is an online platform for online education. 

Problem 

It becomes difficult to manage all the academic activities on an online platform. Students and teachers need an easy to handle platform that helps in managing all those physical world activities in an online world while keeping the fun alive.  

Goal

Creating an easy to understand platform that helps in management of academic activities and provides fun. 

Result

Bridge is an online platform developed for college students to make online education more fun and provides easy management to both students and teachers.

Anchor 1

Team members

Team members

Individual 

Responsibilities

User research and empathy
Ideation 
Wireframing and  prototyping
Usability testing

Duration

4 weeks

Tools

Figma
Adobe Illustrator
Adobe photoshop

How did it start?

Everything started with my own observations from the beginning of the online classes of my Masters Degree Course. 

It is boring to attend online classes

I never met any of my batchmates.

Managing links, submissions, assignments is a new task. 

At times I turn off my camera and sleep

Design process

Empathize

Define

Ideate

Prototype

Test

Field study
System mapping
Interviews
Online surveys 
Competitive audits
Insights

Persona
User journey map
Empathy map

Problem statement

Story board
Crazy eights 

Sitemap
Information Architecture
User flow
Paper wireframes
Digital w
ireframes
Low fidelity prototype

Usability test
Iterate 
Ui design
High fidelity prototype
Accessibility
Takeaways

Empathize

Insights

Competitive audits

Online surveys

Interviews

Interviews

10-min.jpg
Anchor 2

Online surveys

11-min.jpg

Competitive audits

12-min.jpg

Define

Persona

Problem statement

Empathy map

User journey map

Persona

13-min.jpg
Anchor 3

User journey map

15-min.jpg
14-min.jpg

Empathy map

16-min.jpg

Problem statement

- want - because - but -

17-min.jpg

Ideate

Crazy eights

Brain storming

story board

Story board

18-min.jpg

Brainstorming 

21-min.jpg
Anchor 4

Prototype

Low fidelity prototype

Wireframes

User flow

Information architecture

Sitemap

Sitemap

22-min.jpg
Anchor 5

User flow

23-min.jpg
24-min.jpg

Digital wireframes

25-min.jpg

Low fidelity prototype

Click the image below to test the working prototype

26.jpg

Test

Inferences

Accessibility

High fidelity prototype

UI Design

UI Design

Anchor 6

Typography

Colors

Active elements

Iconography

Logo Design

Layout structure

Typography

Poppins

Bold

Semi bold

Regular

A

B

H

I

O

P

V

C

D

E

J

K

L

Q

R

S

W

X

Y

F

M

T

Z

G

N

U

a

b

h

i

o

p

v

c

d

e

j

k

l

q

r

s

w

x

y

f

m

t

z

g

n

u

Colors

Primary #8779ea

Secondary #87c9ea

Neutral #fafaf3

Iconography

27-min.jpg
27-min.jpg

Source : Google Fonts

Logo design

bridge

High fidelity prototype

32-min.jpg

Key features

30-min.jpg

Takeaways

Following considerations has been taken to make the app more accessible by considering key cases

31-min.jpg
bottom of page