Enabling personalized training to students who want to improve their English skills

Client
Learn to Learn

Project Duration
3 months
(bootcamp)
Role
UX/UI Designer
in a team of 3
About the client

Learn to Learn's study resources assists users in overcoming language and cultural barriers.

Learn to Learn, a startup focused on enhancing English communication and fostering personal and professional growth, required an e-learning platform. I joined a 3-person UX team to develop an efficient e-learning experience in just 10 weeks.

The Problem

Students are unsatisfied with their current online classroom experience

The Challenge

How might we establish a platform with essential features for running an online classroom?

The Research Methods

During my efforts to understand the frustrations of online language learning, my research methods included user interviews with students from competitor platforms.

Research Conclusions

“Its harder with e-learning to follow up with the educator.”

-User of Competitor Platform

Through affinity mapping, we found that our diverse user base, who utilize various language learning platforms, value daily practice and feedback. They emphasize the importance of personalized attention, easy access to resources, daily corrections, and progress updates for effective language learning.

Ideation

Setbacks + A new direction for choosing solutions.

After a case full of brainstormed features for the platform, I decided to prioritize a minimum viable product (MVP) focused on a virtual classroom, task and resources sections, and a progress bar, addressing key student needs.

Through card sorting, we successfully prioritized features where both user and business needs aligned. This process resulted in features like Automated Interactive Lessons, Feedback Mechanisms, Efficient Data Collection, and Seamless Communication

Solutions

Easier Access to Feedback

Users in group classes found it challenging to track improvements and engage with teachers due to class size. They wanted a smoother post-class experience, including accessing tasks, submitting assignments, and participating in forums. Our solution enables seamless teacher follow-ups with qualitative feedback, along with easy access to class summaries and tasks.

Intuitive Digital Visual Aids

Users in group classes found it challenging to track improvements and engage with teachers due to class size. They wanted a smoother post-class experience, including accessing tasks, submitting assignments, and participating in forums. Our solution enables seamless teacher follow-ups with qualitative feedback, along with easy access to class summaries and tasks.

Efficient progress tracking

Users wanted an e-learning platform that simplifies engagement with teachers and progress tracking. Our solution provides insights into strengths, weaknesses, and accurate performance data after completing class activities.

Personalized and interactive learning

Users wanted an e-learning platform that simplifies engagement with teachers and progress tracking. Our solution provides insights into strengths, weaknesses, and accurate performance data after completing class activities.

Testing + Improvements

1. Providing more opportunities to take notes for further discussion

Based on a peer review, the dashboard structure appeared to be simple and not overwhelming, but it was noted that there were large elements with a significant amount of blank space. Some users felt that the design looked overly simplistic.

It was difficult for a non English speakers to follow the tasks assigned during testing as the terminology was not recognizable.

Introduced icons as a visual aid to help users easily locate their class materials. The icons act as a guide and provide a clear indication of where the users can access their learning resources.

2. Providing more opportunities to take notes for further discussion

One user shared their desire to take notes even after getting a correct answer to a question. They believed this would help them better remember important tips and information. I also added a reminder that the tip was automatically added during the activity, this would help them better track their progress and learning.

3. Opted for a less cluttered and more intuitive layout.

Users felt confused trying to navigate to their homework. I moved towards a more streamlined and simplified design with filtering features to easily find homework and reading archives.

Lessons Learned

Keep my ideas close, keep my user’s closer.

This was my first-ever UX project (Hooray)! More than the actual output, however- I’m immensely grateful to have been through an entire UX process so I can see what it’s actually like. On that note, a few things I’ve learned:

I've realized the importance of prioritizing research and problem identification in project planning. If I hadn’t missed out investigating current users of the LTL Service along with the general language school users, it would have significantly streamlined the process of framing the problem.

I've learned to strike a balance between high-fidelity (Hi-Fi) and low-fidelity (Lo-Fi) prototypes. While it's important to refine high-fidelity wireframes, I shouldn't overlook usability testing for low-fidelity prototypes. Both are essential for an effective design process.

I've learned the difference between UX and UI design. Tracking user behaviors is essential for shaping UX strategy. We invested time in UI based on assumptions.

I've discovered that establishing clear project goals and priorities is essential for shaping a focused MVP framework during our second round of ideation.

Next Steps

If I had more time...

Integrating a translation option for more inclusion: Since this platform was built for non English speakers, it was crucial to take into consideration more recognizable terminology as well as the option to translate in their language.

Track the usability and make updates: After having tested out the product with a decent user base, reiterating and updating certain features would be important.

Bringing new functionalities to an ecological events app to enhance their visibility & user engagement.

Client
Ecoviu

Project Duration
3 months

Role
Volunteered as a UX/UI Designer
in a team with the App Founder and
the Project Manager

"Her exceptional understanding of user needs and elegant design solutions impressed us. Rexelle's dedication and expertise exceeded expectations, adding immense value. An exemplary professional we'd gladly collaborate with again."

Oscar Ratera, Co-Founder of Ecoviu

About the app

As awareness about Climate Change grows, people see the potential of Ecoviu as a valuable idea.

Ecoviu is a platform for sharing events, where organizers can post both in-person and virtual activities for individuals interested in Climate Action to join. I collaborated with Ecoviu to help them tackle significant user experience challenges that was limiting their growth.


The Problem

Not many people know about the app, and those who do, often find it confusing.

The Challenge

How might we help attendees find Ecoviu and successfully attend ecological events of their interest?

After gaining insight from Ecoviu users, we transitioned from the CEO's initial focus on adding a community feature to identifying a more critical issue: low user base, which significantly impacts the overall user experience and Ecoviu's potential for growth. Our new focus prioritized the enhancement of key features, essential for both Ecoviu's growth and an improved user experience.

The Research Methods

During my efforts to understand the current experience in Ecoviu, my research methods included attending several events, interviewing event organisers as well as users of other competitor apps.

Research Conclusions


Ecoviu’s basic functionalities needed a clear usability improvement as we learned from organisers & leading competitors.

Based on insights from organisers as well as my own experiences as an attendee, we identified a common need: organizers wanted more user involvement, and attendees wanted a smoother event experience. To address these shared needs, we decided to improve the app's current features.

Research Conclusions


The app's small user base was impacting event attendance, making it crucial to introduce features that could drive rapid growth for Ecoviu.

Realizing social media's importance, we looked at successful attendee experiences in apps that relied on social media and other features for growth. Our solution involves integrating additional engagement opportunities, thereby expanding the app's reach and providing event organizers with a wider audience.

Concept Testing Conclusions


We called for a first round of iteration as it was still confusing for attendees to navigate through the app and complete basic tasks.

These conclusions helped to achieve
‘’Immense value to our app ‘’ - Ecoviu Founder

Solution

I introduced the new and improved functionalities in three distinct phases to guide the attendees towards achieving a satisfying experience with Ecoviu : Before, During and After Events.

Solution | Before the event

Spreading awareness with invites through Social Media.

This solution improves event sign-up by adding SDG symbols to the confirmation modal and allowing users to save or share invites, attracting potential users and clarifying the event's purpose.

Display user’s event status.

We integrated a banner that would update in real-time to reflect any changes leading up to the event. This improvement was identified as crucial during user interviews.

Solution | During the event

Tweaks and New Additions to enhance the user's event management experience.

These solutions focuses on improving and enhancing existing app features to create a smoother navigation and more overall user experience leading up to their event. These improvements were identified as crucial during concept testing.

Solution | After the event

Support for event organisers by sharing photos.

A Rating Modal, that would be introduced by a push notification, would be significant as it would provide organizers and Ecoviu with valuable event feedback.

Offer users a confirmation of their contribution to share.

Attendees can share their contributions to the SDGs to raise awareness among others, ultimately attracting more users to Ecoviu.

Delivery

‘’Delivered a remarkable design that seamlessly integrated with our existing UI toolkit, making the development process a breeze’’

Oscar Ratera, Co-Founder of Ecoviu

The founder expressed satisfaction with the solutions, stating they were precisely what Ecoviu required to enhance its reach and raise awareness for the social cause. The solutions are currently being implemented.

Next Steps

Track the analytics of these implemented solutions and keep improving the product.

The project lacked insights from actual attendee journeys and feedback, which could have clarified the problem further. The next step is to monitor the progress of the new flows and gather feedback for future improvements.

What this project taught me

To always assess whether the client's needs pertain to current challenges or potential future issues to prioritize design solutions effectively.

User research was essential in uncovering the real problem. Without it, we might have developed solutions for a brief that could only be effective once the underlying issue was addressed.

The significance of constant communication with developers to streamline the handoff process helps reduce the need for extensive explanations.

Providing detailed instructions during the handoff was time-consuming because there was no communication with the developer throughout the design process.