Scrambly – rewarded discovery platform for games and apps
Scrambly – rewarded discovery platform for games and apps - Website Development - Photo 1
Scalable design system

A modular, token-based design system that streamlined consistency across the web and Android apps, supported both light and dark themes.

Boosted engagement & satisfaction

New features like offer boosts, coin boosts, Playtime rewards, and personalized surveys led to higher interaction rates, longer session times, and improved customer satisfaction.

Scalable UI for global growth

We adapted interfaces for multilingual content and complex currency formats, ensuring seamless rollout in Japan, Korea, and Europe.

Overview
Turning rewarded users into loyal audiences

Scrambly is a mobile-first marketing platform that helps game and app publishers attract, engage, and retain users through incentivized offers. Unlike traditional reward-based systems that drive short-term interaction, Scrambly focuses on building long- term value by turning one-time participants into loyal, returning users.

The platform combines personalization, gamification, and localized payout options to deliver a reward experience that feels relevant, motivating, and easy to use. It empowers companies of all sizes to grow their audience through a system that rewards real engagement – not just clicks.

Client
Scrambly Image - imageItaly
Services
#UX Audit #Product Redesign
Review
What client says
Image - Rectangle 34624328
Illia Frantsevskyi
CTO & Co-founder
They demonstrated a high level of expertise and efficiency in every phase of the project.
Business needs
Client request & business goals

The client initially approached us to organize and systematize their existing Figma file, which lacked consistency, clear component states, and scalable design structures. They needed a robust design system with defined styles, reusable components, and token-based architecture to support rapid product growth.

As the collaboration evolved, our scope expanded into a full redesign of the Android mobile app and web application, ensuring both aligned closely with the brand’s visual identity and business goals. Key objectives included increasing user conversion, improving navigation, supporting the continuous rollout of new features, and preparing the platform for global markets – all while delivering a distinct, playful, and scalable design that reinforced the company’s ambitious growth plans.

Challenge
Problems & solutions
Problem
The existing Android mobile app and web app had outdated UX patterns, causing user frustration and negatively impacting conversion rates.
Solution
We fully redesigned the Android app and web app, creating intuitive navigation, modern interfaces, and a playful yet professional visual identity.
Problem
Localizing the product for Japan, Korea, and Europe was challenging, especially due to design constraints when displaying long currency formats and region-specific payout details.
Solution
We adapted layouts and components to flexibly handle different languages, currencies, and cultural nuances, ensuring smooth localization across global markets.
Problem
The platform's reward system lacked depth and personalization, making user motivation short-lived and engagement levels inconsistent.
Solution
We introduced new engagement mechanics - including offer boosts, coin multipliers, Playtime rewards, and onboarding surveys to personalize Incentives, extend session time, and create a more dynamic user experience.
Icon - process-1
Wondering about the price? We’ll help you find the best solution!
Research
Laying the groundwork for a personalized, reward experience

To create a product experience that matched both user needs and business goals, we began with a thorough discovery phase. This included a full UX audit of the existing platform, where we identified usability issues and drop-off points in key flows. We conducted a competitive analysis to benchmark best practices and uncover opportunities for differentiation.

Based on these insights, we developed a detailed information architecture for the web app and mapped out core user journeys using a mobile-first approach. This foundation allowed us to build a more intuitive, rewarding experience that supports long-term user retention.

Stages

  • UX audit
  • Information architecture
Scrambly – rewarded discovery platform for games and apps - Website Development - Photo 6
Stage 1
UX audit

We started by analyzing the existing product to identify usability flaws, broken flows, and inconsistent interface patterns. The audit revealed key drop-off moments during onboarding and offer completion, as well as visual inconsistencies that increased cognitive load and made it harder for users to perceive the interface as a coherent, intuitive whole. These insights formed the baseline for our redesign strategy, helping us prioritize improvements that would directly impact engagement and user satisfaction.

Scrambly – rewarded discovery platform for games and apps - Website Development - Photo 7
Stage 2
Information architecture

To improve usability and support the platform’s expanding feature set; we refined and strengthened Scrambly’s existing information architecture. The original navigation and organization had gaps that sometimes left users unsure where to find key actions or track their progress.

We optimized the structure around the most critical user goals discovering offers, monitoring progress, and managing earnings. Core sections like My Offers, Playtime, and Withdrawals were better defined and prioritized within the hierarchy. This helped reduce cognitive load, shorten user paths, and establish a navigation logic that smoothly accommodates new features over time.

Scrambly – rewarded discovery platform for games and apps - Website Development - Photo 8
Design
Designing for clarity, consistency, and conversations

The design phase began with wireframes where we refined and improved the core user experience enhancing navigation clarity, reward tracking, and onboarding flow. Once we improved and finalized the layout and flow, we moved to visual design, focusing on strengthening playfulness, reinforcing brand personality, and ensuring mobile-first usability.

In parallel, we built a flexible design system from the ground up. It included atomic components, tokenized styles, and separate core files for typography, color, and icons – all optimized for both light and dark modes. This foundation ensured visual consistency, simplified localization, and supported fast iteration as the product scaled across regions and features.

Stages

  • Wireframe
  • Design direction
  • UI design
Scrambly – rewarded discovery platform for games and apps - Website Development - Photo 9
Stage 1
Wireframes

We started by rethinking the core user flow – from onboarding to discovering offers, tracking progress, and earning rewards. A key focus was the My Offers section, where we made milestones, saved offers, and playtime earnings easier to understand and interact with.

We also simplified the onboarding survey to better personalize content from the very first session. Wireframes helped us structure each screen clearly, set the right priorities, and define a tone that feels playful and easy to follow – all before moving into visual design.

Scrambly – rewarded discovery platform for games and apps - Website Development - Photo 10
Scrambly – rewarded discovery platform for games and apps - Website Development - Photo 11
Stage 2
Design direction

At the foundation of the visual direction was a branding package provided by the client, which our graphic design team used to shape the overall design concept. We built on the existing identity – including the mascot, color palette, and visual tone – and extended it into a digital-first, product-ready design language.

The concept focused on creating a playful, high-energy interface that still felt structured and usable. We introduced large, expressive content blocks, spacious layouts, and a generous use of white space to keep the interface light and readable. The illustrations, anchored by the brand mascot, were designed to support key interactions and enhance emotional engagement without overwhelming the user experience.

Stage 3
UI Design

We designed Scrambly to seamlessly adapt across three key environments: the web platform, the Android mobile app, and responsive web views all supported by a unified design system. This system ensures consistent experiences across screen sizes, orientations, and devices, maintaining visual clarity and usability everywhere.

Our visual approach focuses on capturing user attention and encouraging interaction, using playful design elements, dynamic layouts, and bold colors to keep users engaged while guiding them smoothly through tasks and rewards.

Scrambly – rewarded discovery platform for games and apps - Website Development - Photo 14
Icon - process-1
Wondering about the price? We’ll help you find the best solution!
Features
Project’s core features
Scrambly – rewarded discovery platform for games and apps - Website Development - Photo 17
Scrambly – rewarded discovery platform for games and apps - Website Development - Photo 18
Scrambly – rewarded discovery platform for games and apps - Website Development - Photo 19
Scrambly – rewarded discovery platform for games and apps - Website Development - Photo 20
Scrambly – rewarded discovery platform for games and apps - Website Development - Photo 21
Milestone-based rewards

We developed a progressive task system within offers, allowing users to earn rewards not only for final completion but also for reaching intermediate milestones. This approach keeps users motivated throughout their journey, making the earning process more engaging and rewarding.

Scrambly – rewarded discovery platform for games and apps - Website Development - Photo 22
Personalized user experience

To make the experience truly user-centered, we introduced a simple onboarding survey that captures user preferences - from favorite game genres to preferred reward types. Using this data, Scrambly dynamically curates personalized offers, increasing engagement, enhancing satisfaction, and making every interaction feel relevant and rewarding.

Scrambly – rewarded discovery platform for games and apps - Website Development - Photo 23
Localized withdrawal options

On the Withdrawals page, Scrambly automatically detects the user's location to display the most relevant payout methods from PayPal and bank cards to partner gift cards. Each option is presented with clear details and transparent fees, helping users confidently choose how they want to cash out.

Scrambly – rewarded discovery platform for games and apps - Website Development - Photo 24
Playtime rewards section

We introduced a Playtime section where users automatically earn rewards based on the time they spend in selected games. We implemented precise time tracking and a transparent earning system to ensure clarity and fairness.

Illustrations
Bringing functionality and emotion together

The client provided the original mascot as part of the brand assets, which we used as the foundation for a broader illustration system. Our role was to expand its use across the product – integrating it into contextual Ul scenarios and creating a consistent visual language around it.

We developed a set of supporting illustrated icons and interface visuals that aligned with the mascot’s style, enhancing moments like onboarding, empty states, progress tracking, and identity verification. This helped create a more cohesive and emotionally engaging experience while reinforcing brand recognition throughout the product.

Icon - process-1
Wondering about the price? We’ll help you find the best solution!
Results
From visual chaos to product clarity and growth
Sclable design system

A modular, token-based design system that streamlined consistency across the web and Android apps, supported both light and dark themes

Boosted engagement & satisfaction

New features like offer boosts, coin boosts, Playtime rewards, and personalized surveys led to higher interaction rates, longer session times, and improved customer satisfaction.

Scalable UI for global growth

We adapted interfaces for multilingual content and complex currency formats, ensuring seamless rollout in Japan, Korea, and Europe.

The Scrambly redesign boosted usability, engagement, and global readiness. A unified design system improved consistency across the web and Android platforms and streamlined collaboration. With scalable components and theming, the product is ready to grow its features and expand into new markets.

The improved UX flows – especially in onboarding, offer discovery, and reward tracking – helped increase user retention and drive more conversions. Personalized entry points, progress indicators, and localized payout logic made the experience more intuitive and relevant to each user. As a result, Scrambly not only became easier to use, but also positioned itself as a competitive, trustworthy platform for a global audience.

Future plans
What happened next?

Our work on Scrambly is ongoing, as we continue to refine the design across all key flows based on real user feedback. The team is actively preparing for the iOS application launch to complement the existing Android version and expand platform reach.

In parallel, we’re rolling out incremental improvements – such as adding save buttons on offer cards, implementing a homepage highlights section for key promotions, introducing new cashback mechanics, and refining report flows to capture more detailed, actionable user insights.

More cases
We have dozen of products & hundreds of websites developed by our studio. We’re happy to share the results with you!

#Website Development #Branding

Paradigm – website for low-code software developers
Paradigm Image - fi_4628635USA
Tech Stack

Webflow

Timeline

3 month

Impact (3 months post-launch)

Enhanced brand positioning

Clear communication of services

Increased user engagement

#UX Audit #Product Discovery #Web App Design

Wolf Games case maker studio – AI-driven crime story creation
Wolf Games Icon - fi_4628635USA
Impact (3 months post-launch)

Built with scalability in mind

Seamless UX for writers and developers

AI-Driven complex storytelling

##UX Audit #Product Redesign

DoMore — mobile redesign for a ticket subscription platform
Domore Icon - fi_4628635USA
Tech Stack

React, TypeScript, Vite, Tanstack query, Radix Primitives, Stripe, Zod, React-hook-form, Tanstack Router, Ky

Timeline

6 month

Impact (3 months post-launch)

Boosted user retention

Memorable brand experience

Enhanced usability

Contact us

Have a project in mind?
Let's chat

Your Name

Enter your name *

Your Email

Enter your email *

Message

Tell us about your project

You can upload maximum 5 files
Some of your file not loaded, because maximum file size - 5 mb
Your budget for this project?

By clicking this button you accept Terms of Service and
Privacy Policy

Icon - launch
Thanks for taking time to reachout!
Stay connected with us by subscribing to our LinkedIn account. By following, you’l be the first to hear about our latest updates, news, and exciting development. We look forward to sharing our journey with you!
Icon - launch
Thanks for taking time to reachout!
We’d love to hear more about your project! Feel free to schedule a call using the link provided. This will help us better understand your vision and ensure we’re aligned on all the details.
Have a project to
discuss?
Image - ksenia
Kseniia Shalia
Account Executive
Have a partnership in
mind?
Image - polina
Polina Chebanova
Co-Founder & CPO