Mobile Experience & Website Redesign
Most of you use Claritii on your phone, so we rebuilt the mobile experience from the ground up. The landing page has been completely redesigned with interactive demos for every feature — try them right on the page before signing up. And yes, you can now install Claritii on your home screen like a native app.
New Features
- Install Claritii on your phone’s home screen for a native-like app experience. Once installed, Claritii launches in its own window, appears in your app switcher, and supports offline access to your roadmap.
Improvements
- The mobile navigation bar now stays visible as you scroll, giving you one-tap access to every section of the app without scrolling back to the top.
- Touch targets across the entire app have been enlarged. Buttons, links, and interactive elements are now at least 44px tall, meeting Apple’s Human Interface Guidelines for comfortable tapping.
- All page layouts have been re-spaced for small screens. Content no longer feels cramped, margins are consistent, and text is readable without zooming.
- The landing page has been completely redesigned from a static wall of text into a dynamic showcase. Every major feature — roadmap, flashcards, quizzes, mind maps, Squad, diagrams — has its own interactive demo that runs directly on the page.
Why We Built This
When we looked at our analytics, the numbers were clear: most students use Claritii on their phones. But the original landing page wasn’t built for mobile — it was a simple wall of text with static screenshots, designed on a 27-inch monitor. The mobile app experience was functional but didn’t feel polished. Navigation was buried, touch targets were small, and the whole thing felt like a desktop site shrunk down.
We rebuilt both the landing page and the app’s mobile interface from scratch. The landing page now features animated, interactive demos that let you try every feature right on the page before signing up. Want to see how the roadmap works? There’s a live demo. Curious about Squad? Scroll down and interact with a simulated leaderboard. Every demo uses the same components as the real app, so what you see is exactly what you’ll get.
We also made Claritii a Progressive Web App (PWA), which means you can install it on your home screen and launch it like a native app. It runs in its own window, appears in your app switcher, and supports basic offline access to your roadmap and study materials. Combined with the new sticky navigation and larger touch targets, the mobile experience now feels as smooth as the desktop one.
What’s Next
We’re continuing to improve mobile performance, particularly for slower connections. We’re also exploring native iOS and Android apps for an even better offline experience with push notifications, background sync, and deeper OS integration.
Mobile Evolution: v2.2.1–v2.2.3
The v2.2 series didn't stop at the initial launch. v2.2.1 brought proper PWA support with manifest files, a bottom tab bar for quick navigation, viewport-fit cover for notched phones, and larger touch targets across every screen. The sidebar was rebuilt for one-handed use, and the install prompt made Claritii feel like a native app.
v2.2.2 introduced interactive demos directly on the landing page — you could try flashcard sessions, quiz modes, and roadmap previews before signing up. Each demo used real components from the production app with actual animations and data. This was also when we shipped the first study technique previews: blurting mode with gap analysis, active recall with attempt tracking, and the Feynman technique's connected-node concept map with animated SVG lines.
v2.2.3 was a polish pass that fixed visual inconsistencies and cleaned up the landing page's typography and spacing. It also resolved an issue where the roadmap's completion state wasn't being tracked correctly in some edge cases.
Together, these three sub-releases transformed Claritii from a desktop-first web app into a mobile-first platform that looked and felt like a real app, laying the groundwork for the Squad, notifications, and visual redesign that would follow in v2.0.