Project Overview
ScrollX is a Flutter app where users scroll through a feed of small games — puzzle, reflex, memory, word, and logic games — and jump straight into playing, no downloads or menus in the way. It's a collaborative build with a friend: he owns the development, backend, and game logic, and I handled the entire visual and UI design.
The process followed a design-first flow: I designed the interface in Figma, and then vibe-coded directly into his existing Flutter project to implement and fine-tune the UI myself, rather than just handing off static screens. The app is still in progress and not yet on the Play Store, but that's the near-term goal.
My Role
Since this was a two-person build, it's worth being specific about the split: my friend handled the app's architecture, game logic, and functionality. My contribution was the UI and visual system end-to-end — screen layouts, the design language, component styling, and hands-on Flutter tweaks to get the implementation matching the design. Motion design and per-game poster artwork are the next pieces I'm adding.
Design Direction
The brief I set for the visuals was to make the app feel like a toy, not a utility. For reference, I looked at LEGO's app — specifically how it uses chunky, tactile, almost-physical UI elements — and adapted that into a "plastic 3D" button style throughout ScrollX: rounded, glossy-edged buttons and cards that look like you could physically press them, rather than flat Material-style components. The color system leans into bold, saturated tones (yellow, purple, orange, green) to keep the whole app feeling playful and game-like rather than like a typical utility app.
Key Screens
Game Feed (Home) A full-screen, vertically scrollable feed — one game per screen, TikTok-style — with the game's icon, category tag, a "Play" CTA, and social-style actions (like, comment, share) on the side. This is the app's core interaction: scroll, land on a game, play instantly.
Game Library A searchable grid of all available games, organized by category (Puzzle, Arcade, Reflex, Memory, Words, Logic, etc.), each shown as a bold color-coded card. This is the browsing view for when someone wants to pick deliberately instead of scrolling the feed.
Leaderboard A ranked list showing XP, games played, and wins, with global and local (nearby) toggle views — built to give the app a light competitive layer without overwhelming the core "just play something" simplicity.
Profile Shows the player's XP, level progress, badges (Streak, Elite, etc.), top games played, and a shareable QR/profile code — giving the app a sense of progression and identity beyond just playing one-off games.
In-game (example: Slide Puzzle) Each game itself follows the same visual system — bold color blocks, a clear score/move/time header — so jumping between different games inside the app still feels like one consistent product, not a patchwork of mini-apps.
Current Status
ScrollX is actively in progress. The core screens and visual system are in place, but there's still a meaningful amount of work ahead:
Motion design — most screens are currently static; adding transition and interaction motion is next on my end
Game poster graphics — each game currently uses simple icons; I'm planning custom poster-style artwork per game to make the feed feel more premium
UI refinement — ongoing passes on spacing, states, and consistency as more games get added
Play Store launch — the goal, once the above is further along
Lessons Learned
Designing with a strong physical reference (LEGO's tactile UI) gave the whole app a clearer identity than starting from a blank, generic mobile-UI template
Vibe-coding directly into a collaborator's existing codebase works best when the visual system (colors, shapes, component rules) is decided up front in Figma — it gave both of us a shared reference to build against
Splitting a project cleanly by role (logic vs. visuals) made collaboration smoother, since neither person was blocking the other's core work
ScrollX is an ongoing collaborative project between Prasād Borade (UI/Visual Design) and a development partner, currently in progress ahead of a planned Play Store release. Code: github.com/prasadborade03/ScrollX
