UX Steps Taken
- User type identification
- Information architecture restructuring
- Website wireframing
- High-fidelity UI design
CLIENT
Bookwheel Platform
TIMELINE
Iterative design phase
TEAM
UX Designer, UI Designer, Product Stakeholders
Services Used
The Challenge
The existing Bookwheel website suffered from usability and visual design issues that made it difficult for users—especially children—to navigate and stay engaged. The experience lacked clarity, consistency, and emotional appeal.
These challenges contributed to declining engagement and limited the platform’s ability to effectively motivate children to develop consistent reading habits.
Key Pain Points
- Confusing navigation structure
- Low visual engagement for young users
- Inconsistent layouts and UI elements
- Limited feedback and interaction cues
Research & Discovery
Usability & Stakeholder Discovery
Focused on understanding user behavior and engagement gaps across the platform.
Discovery FocusUser interaction & reading flow
Methods UsedUX audits & site review
Key InsightsEngagement drop-off points
Competitive & User Analysis
Evaluated usability standards with a focus on child-friendly experiences.
Benchmark ScopeEducational platforms
Analysis AreasInteraction patterns
User TypesDifferent reader groups
Key Research Findings
27%
Users struggled to find key reading features
22%
Drop-off occurred after initial exploration
18%
Engagement loss linked to lack of visual feedback
Before & After
Before
After
Visually flat and difficult-to-navigate interface that failed to sustain attention.
Click to view full screen
Engaging, structured experience designed to guide and motivate young readers.
Click to view full screen
Child-Centered Navigation
- Simplified information structure
- Clear visual cues for actions
- Reduced navigation confusion
Engaging Visual System
- Consistent grid and layout framework
- Age-appropriate colors and typography
- Improved readability and focus
Scalable Design System
- Reusable UI components
- Consistent iconography
- Future-ready style guide
Measurable Impact
+11%
User engagement signals
Increased interaction with reading features
Before:~58%
After:~69%
+16%
Navigation success rate
Easier discovery of key content
Before:~62%
After:~78%
1.3 min
Time spent on platform
Longer, more focused sessions
Before:~6.5 minutes
After:~7.8 minutes
+22%
Visual clarity score
Improved layout comprehension
Before:~60%
After:~82%
+13
Overall usability score
Better perceived ease of use
Before:~64
After:~77
Methodology & Testing
UX Analysis
Identified usability gaps and engagement blockers
Iterative Design
Continuous refinement through feedback loops
Accessibility Review
Ensured age-appropriate readability and contrast
“This testimonial is a placeholder and will be replaced with verified client feedback.”
Client Name (Placeholder)
Key Learnings & Insights
Engagement Requires Emotion
Visual delight plays a key role in child-focused UX
Clarity Builds Confidence
Simple navigation empowers independent exploration
Consistency Supports Learning
Predictable patterns reduce cognitive load
Design Can Encourage Habits
Thoughtful UX can positively influence reading behavior
Design Process Deep Dive
Key Deliverables
- User type definitions
- IA documentation
- Wireframes
- Style guide and design system
- Final web screens
Notable Decision Points
- Balanced playfulness with accessibility
- Prioritized clarity over visual complexity
Implementation & Handoff
Design Finalization
Final designs were locked and prepared to ensure a smooth transition into development with zero ambiguity.
- Stakeholder design walkthroughs
- Final layout and interaction alignment
- Ready-for-handoff design state
Specification Sharing
Clear documentation was shared to help developers implement designs accurately and consistently.
- Organized component libraries
- Interaction and layout documentation
- Design behavior and usage guidelines
Tools Used
Key tools leveraged to design, document, and maintain consistency across the Bookwhile product experience.
- Figma
- Design system documentation
Developer Handoff Process
Documentation
Structured handoff docs with clear layout and component specifications.
Assets
Final UI screens, components, and style guide delivered for smooth implementation.
Collaboration
Ongoing support with developers to clarify design intent during build.
QA
Design reviews to ensure visual consistency and accuracy, supported by site structure diagrams.
Ready to Transform Your Conversion Rates?
See how we can apply similar strategies to your product. Let's discuss your conversion optimization challenges and explore proven solutions.
Want Similar Results for Your Product?
Our team of UX experts is ready to help you achieve measurable improvements in your conversion rates and user satisfaction. Let's discuss your specific challenges and goals.
Free Consultation
30-minute strategy session to discuss your goals
UX Audit
Comprehensive analysis of your current experience
Custom Strategy
Tailored approach based on your unique needs
No commitment required. Let's explore how we can help you achieve similar results.
