MatheBibel
German award-winning platform for math learning.
Overview
Mathebibel is a German Award-winning Mathematics learning platform. Helping 1M+ teachers and students to learn Math in the German language easily.
I worked on this project as a Web UI Designer. And my responsibilities were to redesign their website to increase conversion rate and user experience. Also, provided responsive versions and branding materials.
I worked in collaboration with the product owner along with the developers. My working tools were Figma, Tailwind CSS, Slack, Trello, etc.
Challenge
The challenge was to design a UI that engages website users and provides a very good readability experience. And convey targeted messages to users converting them into customers. Why because the problem was users of the website left the website within 2,3 minutes after landing.
Solution
Based on the user’s feedback and analysis I started to redesign the whole UI of the website from scratch, which meets web and accessibility standards. Created PDF content for the users. If they want to read the content without ads they can read it easily. And the website will generate revenue with the help of PDF selling.
Results
After testing different versions of the designs with the users. We launched the final version and the results we gathered in which
The bounce rate was reduced by 30%.
The conversion rate increased by 15%.
Discovery
User Research
What's wrong with the current design?
The current design is text-heavy, loaded with too many google ads, and has a complex structure of the content that disturbs the users during reading. That’s why new users leave the website in the first 2 or 3 minutes.
Painpoints
- Bad User Interface
- Too many Ads
- Content is difficult to understand
- Too many popups for an email subscription
- User Receive spams E-Mail
- Content search is difficult
Key Findings
Based on the users problems the key findings are...
- Users need a beautiful UI for a better reading experience
- Need ebooks of the chapters
- Show complex math formulas with the help of images or diagrams
- Google ads are on limited place
Design Process
Rough Sketches & Lo-Fi Wireframes
Branding & Style Guide
User Testing: Unmoderated A/B Testing
Conducted A/B testing with 6 users for the landing page. The main goal for the first round of testing was to see if the readability of the content is satisfactory for the users or not…
Landing Page Findings:
- 6/6 users found the new design is a massive improvement.
- 3/6 users thoughts on the new design of math categories were very helpful for understanding.
- 4/6 users liked the concept of Ebooks for separate chapters.
Final Designs
Designed different landing pages for different mathematics categories.
E books and Content Details
Designed different landing pages especially ebook landing page for the Mathebibel ebooks marketing.
Responsive version
For comfortable reading and easy access, I’ve designed a responsive version of the Mathebibel.
