What is Skyeng
Skyeng is an international EdTech company, aimed at teaching English online. The company is headquartered in the USA, but they work all over the world: Spain, Italy, Germany, France, South Korea, and other countries.
Initial stage
Before we proceeded to design platform’s UX and UI we created an identity and a website for Skyeng’s HR brand. The website not only included information about the company, but the information to search through vacancies.
Project goal
The previous Skyeng home interface was difficult to navigate and spend a lot of time in. It was important for us to not only make good UX and clear flow, but also make it easy to comprehend copiuous amounts of information and make the whole thing nice to look at.
Scalable UI kit
The UI kit needed to include a wide variaty of blocks. We went for atomic logic for this project so larger molecules and organisms could be built from that by the Skyeng team.
Key interface sections
We’ve made a broad variety of screens and flows, but we want to tell you about the main ones.
The dashboard was a key part to the project. It needed to display different types of informations and quick and easy shortcuts. We made the dashboard in a way that you can access all other crucial parts right away.
User profile was onother important part of the platform. By looking at your profile you needed to quickly understand all of the important information that was realted to you and get access to crucial links.
It’s not only for the employees, but for the management. One of the important parts of management is managing money. It was extremely important to make the accounting section easy to navigate through and see all of the important information about different pernding and upcoming payments.
Adapted for phones
Smartphone is not a key device in this project yet the platform needed to be accessible from any device.
Dark Theme
Having a dark mode is a must-have for any system that people spend a lot of time in. Employees have an option to set the theme they prefer. Dark mode option offers better visibility for users with low vision and those who are sensitive to bright light. Looks amazing too!
Typography
The typography needed to be broad and adaptive, so we’ve prepared many text styles. Still, everything with a lovely, readable, friendly font.
Palette
The palette was mainly based on Skyeng brand colors but also needed to include a wide variety of additional colors since there were many parts of interface requiring a different indication of states and statuses.
.png)
.png)
