My Role
UX/UI Designer
Timeline
02/2020 - 02/2021
Tools
Figma
​
Adobe Illustrator
​
Adobe Photoshop
​
Pen & Paper
Platform
Etomon
(Student Edition)
Overview
Etomon is an e-learning platform where students and teachers from different countries and areas connect and learn together in real-time. Teachers on the platform can set up their courses, while students can schedule the classes with the teachers to enjoy the online learning experience.
​
In this project, I was tasked to re-design all of the pages on the teacher's side of the website for teacher users to be able to create their courses in an easier way while also providing the best class experience for their students and in order for the teacher to manage their course schedules.
​
Etomon was an early-stage startup that is no longer operating.
Search A Subject Or Category
Search and filter a courses to provide an efficient browsing experience to find the right course for you
Register For A Class
View a course and select the right timeslot that fits your schedule to schedule.
Manage Your Schedule
View upcoming classes by week to keep records organized. Multiple essential features, all in one place while keeping a simple and clean interface.
User Journey
I created a sitemap to evaluate the information architecture and to identify the pages most critical to students. Then, I mapped out the user journey to determine how to simplify the experience and help students reach their primary goals more efficiently.
Sketches
Before moving into digital design, I start by sketching on paper to explore ideas quickly and evaluate which concepts are effective. This process helps me compare directions early and identify the strongest design approach before investing time in high-fidelity work.
Wireframing
Based on the feedback gathered from my paper sketches, I refined the concepts and translated them into mid-fidelity wireframes in Figma. For several pages, I collaborated with another design intern to craft clear, approachable content and develop illustrations that were simple, friendly, and aligned with each interface.
To gather internal feedback on user flows and page layouts, I created clickable prototypes in Figma and presented them to the broader team. Sharing the designs with cross-functional stakeholders allowed me to collect valuable insights, which I incorporated into the final iteration.
Final Design
After validating my concepts through testing and internal feedback, I moved into designing the final high-fidelity screens in Figma. Since Etomon already had an established style guide, I ensured all designs aligned with the existing visual system and brand standards.
​
To modernize the interface, I introduced new UI elements such as expanded icon usage, subtle gradients, and toggle switches to create a cleaner, more intuitive experience for students. I documented these additions and updated the design system to keep the style guide current and scalable for the entire team.
My Reflections
It is hard for junior designers to find a balance point between user needs and business goals. I've seen some junior designers defending their design because they want to provide a better user experience. I was there, too. But after finishing this project, I developed a much deeper understanding of how to make both the user experience and business better. Modifying some parts of the design wouldn't hurt the primary task flow or the overall product experience. Overcoming the challenge to make both ends happy is a wonderful learning experience.
It's Never To Late To Ask For Feedback
I am very grateful to have my team around when I needed their perspectives on my design. From the start to the end of the project I received wonderful feedback, which has helped me test and re-shape my ideas to improve until the project was ready to be delivered to the developers. Big thanks to the entire team at Etomon!