
Job Description
DoExam is an innovative online platform designed for conducting large-scale exams. It offers a comprehensive suite of tools, ranging from creating fully digital questions to generating detailed exam reports. The platform is multi-tenant and features designs based on layered components arranged in various layouts. The main challenge lies in the fact that DoExam is a new product with few competitors to draw inspiration from. Moreover, given its critical role, the user experience must be flawless and intuitive, minimizing the possibility of errors.
persona

Joseph Nickelson
Age: 7-30
Gender: Male, Female
Marital status: Single, Married
Occupation: K12 Students, University Students,
Location: All over the world
Influencers: Good vibes, Technology
Sources of info: Instagram, TikTok, Facebook
Goals: Having an easy way to learn lessons
Design aspects
DoExam app has a complete set of Colors,Text Styles, Spacings ...etc all in Light & Dark mode, Tokenized and mapped in development.
It has the benefit of the latest technology of Design System Maintenance in Figma. It uses over 600 Variables and pushing changes in Gitlab.
Design Tokens
These tokens used in Figma can be used through a json file in gitlab using same classes in tailwind or bootstrap classes.
This way, implementing designs will be more Efficient, more Accurate and less Inconsistent.
Plus in case of having Dark mode we can have designs in dark mode by just a click!

Color Palette

Logos

Logos

7 Titles
6 Bodies
8 Labels
2 Buttons
Border Radius

4pt
8pt
12pt
18pt
24px
500px
Spacings

2pt
4pt
8pt
12pt
16pt
24pt
32pt
48pt
64pt
72pt
96pt
120pt
180pt
240pt
360pt
Fonts
Lato in 5 Weights
Lato - 900
Lato - 700
Lato - 500
Lato - 400
Lato - 300
High Fidelity UI




