Rofoofee case study
✨ Project Overview
✨ Project Overview
Rofoofee started as a simple e-learning platform where kids could read Arabic stories and explore small learning activities. Over time, it became clear that kids wanted more, a fun, unified world where learning, playing, and discovery could all live together.
That’s when I joined the project. My mission: transform Rofoofee from a single purpose app into a “super app”, one that connects stories, courses, games, and a store, all designed for children and guided by parents.
Rofoofee started as a simple e-learning platform where kids could read Arabic stories and explore small learning activities. Over time, it became clear that kids wanted more, a fun, unified world where learning, playing, and discovery could all live together.
That’s when I joined the project. My mission: transform Rofoofee from a single purpose app into a “super app”, one that connects stories, courses, games, and a store, all designed for children and guided by parents.
Rofoofee started as a simple e-learning platform where kids could read Arabic stories and explore small learning activities. Over time, it became clear that kids wanted more, a fun, unified world where learning, playing, and discovery could all live together.
That’s when I joined the project. My mission: transform Rofoofee from a single purpose app into a “super app”, one that connects stories, courses, games, and a store, all designed for children and guided by parents.
🎯 Problem Statement
🎯 Problem Statement
The first version of Rofoofee (V1) worked, but not beautifully.
Parents found navigation confusing.
Kids lost interest quickly after finishing a few stories.
And our content, though rich, was scattered.
The real question wasn’t “How can we add more?”, it was “How can we make everything feel connected and natural for kids?”
The first version of Rofoofee (V1) worked, but not beautifully.
Parents found navigation confusing.
Kids lost interest quickly after finishing a few stories.
And our content, though rich, was scattered.
The real question wasn’t “How can we add more?”, it was “How can we make everything feel connected and natural for kids?”
👤 Users & Pain Points
👤 Users & Pain Points
After observing families using the app, I noticed a few patterns:
Kids struggled with focus, too many screens, too few engaging visuals.
Parents wanted more control, progress tracking, purchase safety, and trustworthy educational content.
Teachers (our new target) needed tools to organize content and monitor learning outcomes.
Everyone loved Rofoofee’s idea, but no one felt it flowed.
After observing families using the app, I noticed a few patterns:
Kids struggled with focus, too many screens, too few engaging visuals.
Parents wanted more control, progress tracking, purchase safety, and trustworthy educational content.
Teachers (our new target) needed tools to organize content and monitor learning outcomes.
Everyone loved Rofoofee’s idea, but no one felt it flowed.
🛠️ Process & Methods
🛠️ Process & Methods
I started by mapping the entire user journey, from the first tap to completing a story or buying a course.
Then, I asked one question at every step:
“If I were a 7year old, would I understand what to do next?”
This led to redesigning Rofoofee with four clear pillars:
Stories: Beautiful, interactive Arabic stories that kids can read or listen to.
Store: A space for physical products like printed storybooks and educational toys.
Study: Structured courses in Arabic, design, and programming.
Games: Educational mini-games that make learning feel like play.
I started by mapping the entire user journey, from the first tap to completing a story or buying a course.
Then, I asked one question at every step:
“If I were a 7year old, would I understand what to do next?”
This led to redesigning Rofoofee with four clear pillars:
Stories: Beautiful, interactive Arabic stories that kids can read or listen to.
Store: A space for physical products like printed storybooks and educational toys.
Study: Structured courses in Arabic, design, and programming.
Games: Educational mini-games that make learning feel like play.
✏️ Prototyping
✏️ Prototyping
Once the structure was clear, I focused on the visual system.
The challenge? Designing for both kids and adults.
The interface had to be colorful and fun, yet clean and trustworthy.
So I built a design system, defining our palette, typography, and components across web, desktop, and mobile. This not only unified the experience but made every future update faster.
When tested, the new prototypes made navigation 20% more efficient and kids engaged for longer periods, proof that clarity fuels curiosity.
Once the structure was clear, I focused on the visual system.
The challenge? Designing for both kids and adults.
The interface had to be colorful and fun, yet clean and trustworthy.
So I built a design system, defining our palette, typography, and components across web, desktop, and mobile. This not only unified the experience but made every future update faster.
When tested, the new prototypes made navigation 20% more efficient and kids engaged for longer periods, proof that clarity fuels curiosity.
🔁 Iteration 1
🔁 Iteration 1
The first version of the home screen was overwhelming, too many icons, not enough context.
So I took inspiration from storybook covers, giving each pillar its own illustrated card. Kids could simply “tap what looked fun,” and parents instantly understood the structure.
It was a small change, but it changed everything.
The first version of the home screen was overwhelming, too many icons, not enough context.
So I took inspiration from storybook covers, giving each pillar its own illustrated card. Kids could simply “tap what looked fun,” and parents instantly understood the structure.
It was a small change, but it changed everything.
🔁 Iteration 2
🔁 Iteration 2
Next, I focused on emotion, adding storytelling moments throughout the experience.
When a child finishes a story, they get a “Well Done!” screen with stars and fun characters.
When they complete a course, they receive a certificate (parents love this part).
When they explore the store, they see friendly cards saying things like:
“Did you know you can get printed copies of your favorite Rofoofee stories?”
These little touches made the app feel alive, more like a friend than a tool.
Next, I focused on emotion, adding storytelling moments throughout the experience.
When a child finishes a story, they get a “Well Done!” screen with stars and fun characters.
When they complete a course, they receive a certificate (parents love this part).
When they explore the store, they see friendly cards saying things like:
“Did you know you can get printed copies of your favorite Rofoofee stories?”
These little touches made the app feel alive, more like a friend than a tool.
🧩 Final Solution
🧩 Final Solution
The redesigned Rofoofee Super App (V2) launched with four pillars under one joyful roof:
Rofoofee Stories: A creative world for reading and listening
Rofoofee Store: Buy books, games, and educational packs
Rofoofee Study: Learn Arabic, design, and coding interactively
Rofoofee Games: Educational play that boosts memory and focus
Each section feels like its own adventure, yet the transitions stay seamless and familiar.
The redesigned Rofoofee Super App (V2) launched with four pillars under one joyful roof:
Rofoofee Stories: A creative world for reading and listening
Rofoofee Store: Buy books, games, and educational packs
Rofoofee Study: Learn Arabic, design, and coding interactively
Rofoofee Games: Educational play that boosts memory and focus
Each section feels like its own adventure, yet the transitions stay seamless and familiar.
📈 Impact / Results
📈 Impact / Results
Engagement time increased by 20% after launch
Parents reported higher satisfaction with content control
Teachers began using the platform to assign reading and monitor progress
The app now supports offline stories, so kids can read anytime
Rofoofee no longer feels like a digital bookshelf, it feels like a learning playground.
Engagement time increased by 20% after launch
Parents reported higher satisfaction with content control
Teachers began using the platform to assign reading and monitor progress
The app now supports offline stories, so kids can read anytime
Rofoofee no longer feels like a digital bookshelf, it feels like a learning playground.
💡 Lessons Learned
💡 Lessons Learned
Transforming Rofoofee taught me one thing:
Designing for kids isn’t about simplifying, it’s about amplifying clarity and joy.
Every pixel, color, and sound needed a reason.
And every reason had to serve the same goal, to make learning feel magical. ✨
Transforming Rofoofee taught me one thing:
Designing for kids isn’t about simplifying, it’s about amplifying clarity and joy.
Every pixel, color, and sound needed a reason.
And every reason had to serve the same goal, to make learning feel magical. ✨
