ReMo
Helping students engage with literature
TEAM
3 designers, 2 devs, 1 PM
ROLE
UI/UX designer
TIMELINE
15 weeks
TOOLS
Pardon the dust, this case study is still in the works!
OVERVIEW
ReMo came to us for help redesigning their web app. They recognized that many reading tools follow achievement-based models that discourage students, and wanted to provide a solution. However, its interface lacked clarity, scalability, and visual hierarchy.
a teacher and student using the original remo app
KEY DESIGN DECISIONS
The original book list was overwhelming. We redesigned the layout to include:
A fixed filter sidebar for better orientation
Clearer sorting and search functionality
Scalable UI patterns for different browsing styles
IMPACT
More efficient searching, sorting, and scanning collections
Remo's original design
our final iteration
Filters are not sticky so are lost after scrolling
User testing showed that the dropdown sort filter was oft ignored
Filters are overwhelming, unscalable, and lack hierarchy
Greater scannability = higher filter usage and decreased Time On Task
Filter groupings are scalable and intuitive
Added ability to perform quick tasks and search
takeaways
Here are a few North Star design principles that I'll keep in my back pocket
Hierarchy is everything. When users are overwhelmed, visual structure is usability.
Designing a polished interface is one thing. Making it modular and extensible for future use is another. Don't just clean it up… scale it up!
NEXT UP
Compound
