Citrone
Citrone is a learning platform that makes it easy for educators to create learning experiences that engage students positively.
2021 - Present
Type - Edutech
Role - Product Designer
Platform - Web Application
Citrone
Citrone is a learning platform that makes it easy for educators to create learning experiences that engage students positively.
2021 - Present
Type - Edutech
Role - Product Designer
Platform - Web Application

Brief
Education is a very integral part of our society today and the more we evolve the more education and learning evolves, thanks to the pandemic we had a lot of people pivoting to online classes and we realized some learning institutions do not use learning platforms therefore it is impossible to track student progress, amongst other numerous things and they just prefer to go the zoom (video calls) and email routes, this is where Citrone comes in, to provide a product that cares about the students and tutors.
The challenge
My Role & the team
I was in charge of the design direction for this product, this involved color scheme selection, logo design, UI/UX research and design. I worked hand in hand with two engineers and a product manager to ship a user centered, usable and seamless learning platform.
Research & User Experience
For this product a lot of the research we did was user interview based, why? Because like I stated earlier we were trying to build something seamless, we wanted to convince people who were used to sending mails and having long zoom calls that there were better ways so we went to learning institutions and asked tutors and students what their current pain points were and we were able to gather useful data. Here is the feedback from some of the people we spoke to :
Johnson
Tutor, 35 years old
These are Mr Johnson’s current pain points on his institutions current learning situation :
Sarah
Student, 20 years old
These are Ms Sarah’s current pain points on his institutions current learning situation :
For this process we spoke to over 50 people and they all had similar responses.
The solution
After we had gathered all the information in the research stage the next thing we did as a team was to work on the user journey that we want to give the users of the product and also work on low fidelity wireframes
User Journey

Some parts of the low level wire frame

Visual Design
Challenges and Takeaways
A common issue we faced in building this product was trying to convince users we could actually build something that is as seamless as what they have now and we did that by constant communication and iteration even after the user reseaarch phase, we made sure to always get feedback and this helped us to build what we have now, a big takeaway from this is to always be empathetic when you are building.
Conclusion and Outcome
We’ve been able to launch and so far we have almost 200 users on the platform, in the 200 users we have 10 academies and we have gotten very encouraging feedback from the tutors and students in those academies, especially about being able to track student progress which was a very serious pain point in their former methods. This project made me appreciate the importance of user testing and getting the product in the hands of users during the design process.