JAMB CBT Practice App
JAMB CBT
Practice App
Project Oveview
Project Oveview
TIMELINE
April - June 2022
April - June 2022
TEAM
Umeh Chinonso
Umeh Chinonso
Tobe
Tobe
CLIENT
Scholarly Educational Software Ltd
Scholarly Educational Software Ltd
My Role
My Role
Product Designer
Product Designer
Tools
Tools
Figma
Figma
After Effects
After Effects
Illustrator
Illustrator
Platform
Platform
Mobile and Desktop
Mobile and Desktop
Challenges and Goals
Challenges and Goals
Problem Statement
Problem Statement
The current design does not adhere to the company's brand identity guidelines. It was not designed using a systemized approach, which has resulted in inconsistencies in color and typography.
The current design does not adhere to the company's brand identity guidelines. It was not designed using a systemized approach, which has resulted in inconsistencies in color and typography.
Solution
Solution
A new design that follows the company's brand guidelines and uses a design system.
A new design that follows the company's brand guidelines and uses a design system.
Highlight of the Redesign
Highlight of the Redesign
Scholarly Educational Software Ltd. (SES) has over 20 apps in the App Store, each designed for a specific school or exam. The apps use unique colors to represent the different schools and exams.
Scholarly Educational Software Ltd. (SES) has over 20 apps in the App Store, each designed for a specific school or exam. The apps use unique colors to represent the different schools and exams.
I needed to find a way to use Scholarly's brand colors while also creating a new color system for the company's other products.
I needed to find a way to use Scholarly's brand colors while also creating a new color system for the company's other products.
The current design overuses the brand's primary color, which is green. This is a problem because it makes it difficult to strike a balance between the brand's color and the colors used to represent the company's various products for different schools and exams.
The current design overuses the brand's primary color, which is green. This is a problem because it makes it difficult to strike a balance between the brand's color and the colors used to represent the company's various products for different schools and exams.
The redesign was mostly focused on the color system. The interface was only slightly modified, with minor changes to some components.
The redesign was mostly focused on the color system. The interface was only slightly modified, with minor changes to some components.
Pictorial Explanation
Pictorial Explanation
The various apps have the same user interface, with the only difference being their color scheme.
The various apps have the same user interface, with the only difference being their color scheme.
I came up with a simple solution:
I came up with a simple solution:
minimize the use of the primary color and leverage neutrals where necessary. This allowed me to easily introduce other colors without oversaturating the design.
minimize the use of the primary color and leverage neutrals where necessary. This allowed me to easily introduce other colors without oversaturating the design.
Current Design v Redesign
Current Design v Redesign
HomePage
HomePage
Lorem ipsum dolor sit amet consectetur. Ridiculus consectetur risus sed sit. Nisi egestas blandit egestas enim iaculis facilisi cursus suspendisse.
Lorem ipsum dolor sit amet consectetur. Ridiculus consectetur risus sed sit. Nisi egestas blandit egestas enim iaculis facilisi cursus suspendisse.
Update
Update
What I Learned
What I Learned
color plays a significant role in establishing brand identity and recognition. Consistency in color usage across different touchpoints helps users associate specific colors with a particular brand or product, enhancing brand recall and establishing a cohesive visual identity.
color plays a significant role in establishing brand identity and recognition. Consistency in color usage across different touchpoints helps users associate specific colors with a particular brand or product, enhancing brand recall and establishing a cohesive visual identity.
Future Plans
Future Plans
Collaborate closely with developers, addressing their concerns and ensuring that the system is followed diligently.
Collaborate closely with developers, addressing their concerns and ensuring that the system is followed diligently.
I will monitor how users engage with the app and conduct research on their preferences to create a better user experience.
I will monitor how users engage with the app and conduct research on their preferences to create a better user experience.