overview
Rebuilt from the ground up for launch.
Tictaps approached its public launch with a product that had outgrown its early interface. I owned the end-to-end redesign — from information architecture and user flows to the visual system underneath every screen.
The brief was speed without compromise: a coherent, scalable product that engineering could ship on two platforms simultaneously.
role & scope
mobile gaming · amsterdam- role
- Digital & Product Designer
- team
- Founder, 2 engineers, 1 PM
- year
- 2026 — ongoing
- scope
- UI/UX · design system · app store suite · landing page
- tools
- Figma, Figma Variables, Dev Mode, Webflow
- platform
- iOS & Android
- Owned the full product UI — 50+ screens across both platforms.
- Defined flows, screen architecture, and the underlying component model.
- Built the App Store asset suite and the marketing landing page.
challenge
Familiar, fast, and ready to scale — on day one.
The existing app worked but felt assembled rather than designed. Inconsistent spacing, one-off components, and flows that branched unpredictably made every new feature slower to build.
I needed to deliver a launch-ready interface that felt effortless to players, while giving the team a system that made the next hundred screens cheap to produce.
process
Audit
Mapped every existing screen and flagged inconsistencies, dead ends, and redundant patterns.
Flows
Rebuilt the core journeys — onboarding, lobby, match, rewards — as a single coherent map.
System
Designed components on Figma Variables so color, type, and spacing scale from one source.
Handoff
Annotated specs in Dev Mode and paired with engineering through build.
ux structure
I restructured the app around a single primary loop — find a game, play, earn — and pushed everything else into clearly secondary surfaces.
- Flattened a four-level menu into two tab-bar destinations.
- Standardised navigation so back, close, and home behave identically everywhere.
- Reduced onboarding from nine steps to four.
final screens
design system
A token-driven system built on Figma Variables — every color, type ramp, and spacing step resolves from one source, themed per platform.
#9d7bff
#15131b
#8d8798
#f4f2f7
responsive / platform
Designed once, themed twice. Shared layouts adapt to iOS and Android conventions — navigation, type scale, and touch targets shift to match each platform without forking the system.
launch assets / extras
The launch package: a full App Store and Play Store asset suite plus a responsive Webflow landing page built ahead of release.
outcome
The redesign shipped as the launch interface across iOS and Android, with a component library the team now extends independently for every new feature.