Alot Academy

Website Design
Project Overview
Alot Academy is an elite education technology startup born out of a need to provide opportunities for young Nigerians to access the digital world.
‍
Alot Website Demo
My Contributions
As the product designer at Alot Academy, my job was to design a landing page for Alot Academy as a parent company that will give visitors an overview of what the company is all about and a website for each of their products; Alot Digital skills, Alot Internship, Alot Career Support, and Alot Digital Solutions. I wrote the UX contents, for the websites and handled all aspects of the design process except the low-fidelity wireframes of the landing page.
The primary goal of the design system is to ensure that all the digital products are consistent, scalable, and accessible. Basically, to make sure we have a shared language and a common set of design principles. I designed a grid system, cards, pagination, dropdown, Tooltip, Forms, Notification, Comments, tags, radio buttons, toggle, slider, modal windows, file upload, spacers, color pallet, Typography styles, Icons, fields, buttons, calendar, and navigations.

I also created tokens for colors, typography, shadow, border radius, border width, border color, text case using Tokens studio for Figma Plugin.
Design System
Style Guide, Brand Assets,
Components
Tools: Figma, Tokens studio for Figma Plugin
Animation
Brand Icon animation
and page loader
Tools: Adobe Photoshop
A team member helped with the homepage wireframes while I did some desk research on what kind of services our clients would want us to offer. I did some competitive analysis to know what other companies rendering same services like ours are doing and how we can improve on it.
Wireframes
Tools: Figma
Design
High-fidelity & Prototyping
Tools: Figma
Copyright icon
Hannah Akinnola, 2024
Linkedin