The first interactive and gamified Arabic platform where developers in MENA region can compete in problem-solving exercises and competition across diverse Computer Science domains.
Overview
Satr (سطر) is an Arabic platform that offers a diverse range of free online programming courses. Simply all you need to do is create an account, choose a course (or a path!) and start your learning journey.
User Research
UI
3D Art
Purpose of this project
"Recognizing a lack of user-centricity in the old design, our goal was to address user dissatisfaction expressed in interviews and ensure the landing page conveys clear value to both guest and signed-in users."
User research
While direct user interviews were unavailable at the time, we adopted alternative approaches. We leveraged behavior analytics tools like HotJar to scrutinize user interactions. Additionally, we engaged with users during BlackHat events at the SAFCSP booth, gaining insights into their awareness and utilization of the platform
Research outcomes
During the research process we noticed recurrent patterns and questions from our users. They mainly resolved on confusing navigation, the platform's purpose was not clear from the beginning, and lack of clarity for people who wanted to start their programming journey
Let's head into design!
Diving into the project, we aimed to have the main theme center around 'Personalization'. We made sure that the guest, as well as the signed-in user, get the most out of the platform.
I was responsible for designing the guest page! which was exciting as I was building the experience that will decide if the guest wants to continue learning with us or not..
Landing Page
"every user's journey is a unique experience. Our aim is to tailor the platform to their individual learning paths, focusing on their needs rather than enforce a standardized approach based on what others are learning"
The guest landing page's main highlight is the "طرق متنوعة للتعلم" where we showcase the recommended course. The recommended courses are based on in-demand skills in current year, or what's new on the platform.
Why aren't we showing the most rated courses?
because every user's journey is a unique experience. Our aim is to tailor the platform to their individual learning paths, focusing on their needs rather than enforce a standardized approach based on what others are learning.
Navigating more of 'Satr'
I'll leave you now with more visuals of the platform, including, the courses page, the tutorials page, and the 'Know your path' quiz (a concept we wanted to test).
Knowing that a percentage of our users are new to the programming world, we wanted to provide them a way into navigating their career path! I know, a 'guess your career path' quiz seems way too common, but we believed that as a starting point, this would help us get some answers!
As someone who is passionate about 3D art, and the way it can transform a whole design into something more sleek, I wanted to add some of these touches to Satr.
Below are some of the 3D illustrations that I have created using the tool Blender.
Blender
