{"id":17684,"date":"2026-07-22T13:50:11","date_gmt":"2026-07-22T13:50:11","guid":{"rendered":"https:\/\/tubikstudio.com\/blog\/?p=17684"},"modified":"2026-07-23T10:02:41","modified_gmt":"2026-07-23T10:02:41","slug":"preezy-designing-a-gamified-loyalty-app-that-earns-every-tap","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/preezy-designing-a-gamified-loyalty-app-that-earns-every-tap\/","title":{"rendered":"Preezy: Designing a Gamified Loyalty App That Earns Every Tap"},"content":{"rendered":"

There’s a version of gamification that feels like a chore wearing a costume. Points that don’t mean anything. Badges nobody asked for. Progress bars leading nowhere worth going. We’ve all seen it. We’ve all ignored it.<\/span><\/p>\n

Preezy, the gamified<\/a> mobile app built by GamerG, was determined to be something else entirely. The premise is elegant: users pick challenges tied to real prizes, collect points through engagement and gameplay, and build out their in-app avatars over time. Loyalty, but alive. Progression, but personal.<\/span><\/p>\n

When GamerG brought us in, the core product logic was already sharp. Our job was to make the interface worthy of it\u2014to design the moments that would turn a good idea into something people actually feel.<\/span><\/p>\n

The Client: A Brand With Bones<\/b><\/h2>\n

GamerG arrived with their house already partially built. An established color system, a pixel art visual language, mock-ups of key screens, and a clear sense of what Preezy should feel like. That’s a gift and a constraint in equal measure.<\/span><\/p>\n

A gift, because you’re designing with direction\u2014there’s no vacuum to fill with guesswork. A constraint, because you can’t just design freely; every decision has to earn its place within an existing system. The walls are up. You’re responsible for everything that happens inside them.<\/span><\/p>\n

What struck us about the GamerG brand was its commitment to pixel art\u2014a deliberate aesthetic choice that signals nostalgia, craft, and playfulness all at once. This was a whole design philosophy, and it meant our work had to meet that standard at every level: screens, icons, illustrations, avatar accessories. Everything visible, everything consistent.<\/span><\/p>\n

The Brief: Clarity And Momentum<\/b><\/h2>\n

The challenge GamerG handed us sounds simple until you try to solve it.<\/span><\/p>\n

Design a UI that communicates a challenge-and-reward system\u2014one with real rules, real competition, real prizes\u2014without tipping into the aesthetics of a gambling app or the confusion of an over-engineered loyalty platform. Keep it light, keep it clear, but keep it fun.<\/span><\/p>\n

That three-way tension\u2014clarity, motivation, and restraint\u2014is where most gamified products fall apart. Either the interface is so cautious it feels flat, or so visually aggressive it feels manipulative. The sweet spot is narrow.<\/span><\/p>\n

Our scope was focused: key screens and user flows, plus a custom pixel-style illustration and icon set<\/a>. Not the whole product\u2014the critical moments. The entry point. The decision point. The moment of achievement. Those are the screens that shape how a user understands the entire app. Get them right, and the rest of the experience follows.<\/span><\/p>\n

What We Did: Building Inside Someone Else’s World<\/b><\/h2>\n

Before touching a single frame, we ran a collaborative design session with the client to align on visual direction and interaction principles. Every hour spent aligning at the start saves three hours of revision later\u2014and produces something far more confident than a design team working from assumptions.<\/span><\/p>\n

From there, we studied. The brand colors<\/a>, the graphic elements, the pixel language\u2014how it moved, where it breathed, what it could and couldn’t do. We mapped the core user journey from first open to final result: app entry \u2192 challenge selection \u2192 active participation \u2192 progress tracking \u2192 winners screen. Each screen a chapter, each transition a decision.\u00a0<\/span><\/p>\n

\"\"<\/p>\n

Designing For The Moments That Matter<\/b><\/h3>\n

We focused our UI work on four critical points in the flow:<\/span><\/p>\n

The main screen<\/strong>, where available challenges live. First impressions set expectations. We needed users to immediately understand the system\u2014what’s available, what’s at stake, what to do next\u2014without a tutorial<\/a>.<\/span><\/p>\n

The challenge selection view<\/strong>. Each challenge links to a specific prize, and that link had to feel meaningful. The design needed to communicate motivation, not just information. Users should choose based on what they want, not what they can decode.<\/span><\/p>\n

The active participation view<\/strong>. Real-time point tracking, eligible games, and leaderboard position\u2014this is where the app becomes alive. The design here had to hold attention and maintain orientation simultaneously. You’re in it. You can see where you stand. You know what to do.<\/span><\/p>\n

The winners screen<\/strong>. This one deserved\u2014and received\u2014special care. It’s the emotional peak of the entire experience\u2014ranking, results, the feeling of having finished something. A poorly designed winners screen deflates what the whole journey built up. We treated it as a product decision as much as a visual one: structured enough to scan, playful enough to celebrate, rewarding enough to make the next challenge feel worth starting.<\/span><\/p>\n

Building The Pixel System From Scratch<\/b><\/h3>\n

The illustration and icon work was where craft became most visible and most demanding. We developed a full set of pixel-style assets for the avatar customization system: accessories, clothing, wearable items that extend what users can express about themselves. Personalization in a gamified app is the mechanism of investment. When your avatar looks like you\u2014or like who you want to be\u2014the app has your attention.<\/span><\/p>\n

\"\"<\/p>\n

The hard part: every new asset had to look like it always belonged. We solved this by developing a custom brush that replicated the exact pixel texture and style of the existing avatar system. A technical solution to an aesthetic problem. The result was seamless integration\u2014new icons and accessories that slot into the visual language as if they were there from day one. That kind of consistency doesn’t happen by accident. It happens when a team decides that “good enough” isn’t a finish line.<\/span><\/p>\n

What This Taught Us<\/b><\/h2>\n

Projects like Preezy leave you with more than a portfolio piece. They sharpen your thinking.<\/span><\/p>\n

Consistency is its own creative discipline.<\/b> Working inside an established visual system means every decision is in dialogue with what already exists. That’s a different creative muscle than building from scratch\u2014more precise, in some ways more demanding. The pixel constraint didn’t limit us. It focused us.<\/span><\/p>\n

Structure and momentum are in tension, and that tension is the product.<\/b> Users need to understand what to do. They also need to want to keep going. Those two needs pull in different directions, and the design has to hold both at once. Too much structure and the app feels like work. Too much momentum and it feels reckless. The balance point is where good gamified design lives.<\/span><\/p>\n

Small moments carry heavy emotional weight.<\/b> The winners screen is maybe fifty percent of the total screen real estate in this project. It carries a hundred percent of the emotional payoff. The feeling of achievement\u2014that specific, earned satisfaction\u2014is a design decision. You build it in, or you leave it out.<\/span><\/p>\n

Alignment before execution changes everything.<\/b> The collaborative kickoff session gave us a shared visual language before a single pixel was placed. When everyone on the team\u2014and on the client side\u2014sees the same thing, the design process becomes less about convincing and more about building.<\/span><\/p>\n

Preezy reminded us of something we believe about good design: it doesn’t announce itself. It just makes everything feel obvious in retrospect. The right challenge at the right moment. The right icon in the right place. A winners screen that makes you want to win again.<\/span><\/p>\n

That’s the work. And we’re proud we got to do it.<\/span><\/p>\n

Recommended Reading<\/b><\/h2>\n

Enjoyed this one? Make sure to check out our other case studies and think pieces on all things design:<\/span><\/p>\n

Show and Tell: Video Content As a Part of User Experience<\/a><\/p>\n

Drawing Attention: The Real Power of Illustrations in UI Design<\/a><\/p>\n

Form-Over-Function Mistakes, or How Not to Harm Your Business With a Pretty Interface.<\/a><\/p>\n

Alphane Labs: Our First Real Shot at Getting Weird<\/a><\/p>\n

Der Baukasten: From Sketch to Scroll<\/a><\/p>\n

Zealous \u00d7 TAS Case Study: Design Meets Purpose<\/a><\/p>\n

The Glass Is Half Empty: How Apple\u2019s Boldest Redesign Missed the Point<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

How we designed the key screens and a custom pixel-art asset system for Preezy that turned a sharp product idea into an experience people actually feel.<\/p>\n","protected":false},"author":10003,"featured_media":17685,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,9],"tags":[462,503,602,807,808,809,810,811,812,20,57,204,235,248,365],"coauthors":[634],"class_list":["post-17684","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case_study","category-ui_ux","tag-ui-design","tag-ux-design","tag-game-design","tag-mobile-app-design","tag-pixel-art","tag-loyalty-app","tag-avatar-design","tag-user-engagement","tag-mobile-ux","tag-app-design","tag-case-study","tag-gamification","tag-icon-design","tag-illustration","tag-product-design"],"acf":[],"yoast_head":"\nPreezy: Designing a Gamified Loyalty App That Earns Every Tap<\/title>\n<meta name=\"description\" content=\"How we designed key screens, a pixel-art icon set, and an avatar system for Preezy, GamerG's gamified loyalty app\u2014balancing clarity, fun, and restraint.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tubikstudio.com\/blog\/preezy-designing-a-gamified-loyalty-app-that-earns-every-tap\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Preezy: Designing a Gamified Loyalty App That Earns Every Tap\" \/>\n<meta property=\"og:description\" content=\"How we designed key screens, a pixel-art icon set, and an avatar system for Preezy, GamerG's gamified loyalty app\u2014balancing clarity, fun, and restraint.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/preezy-designing-a-gamified-loyalty-app-that-earns-every-tap\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2026-07-22T13:50:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-23T10:02:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/07\/Preezy-Case-Study-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Anastasiia Lutsenko\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Anastasiia Lutsenko\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/preezy-designing-a-gamified-loyalty-app-that-earns-every-tap\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/preezy-designing-a-gamified-loyalty-app-that-earns-every-tap\/\",\"name\":\"Preezy: Designing a Gamified Loyalty App That Earns Every Tap\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/preezy-designing-a-gamified-loyalty-app-that-earns-every-tap\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/preezy-designing-a-gamified-loyalty-app-that-earns-every-tap\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/07\/Preezy-Case-Study-2.png\",\"datePublished\":\"2026-07-22T13:50:11+00:00\",\"dateModified\":\"2026-07-23T10:02:41+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1\"},\"description\":\"How we designed key screens, a pixel-art icon set, and an avatar system for Preezy, GamerG's gamified loyalty app\u2014balancing clarity, fun, and restraint.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/preezy-designing-a-gamified-loyalty-app-that-earns-every-tap\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/preezy-designing-a-gamified-loyalty-app-that-earns-every-tap\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/preezy-designing-a-gamified-loyalty-app-that-earns-every-tap\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/07\/Preezy-Case-Study-2.png\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/07\/Preezy-Case-Study-2.png\",\"width\":1200,\"height\":600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/preezy-designing-a-gamified-loyalty-app-that-earns-every-tap\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Preezy: Designing a Gamified Loyalty App That Earns Every Tap\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\",\"url\":\"https:\/\/tubikstudio.com\/blog\/\",\"name\":\"Tubik Blog: Articles About Design\",\"description\":\"Tubik Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1\",\"name\":\"Anastasiia Lutsenko\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/d893c1e4578c8cd7a39f393978129a25\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g\",\"caption\":\"Anastasiia Lutsenko\"},\"description\":\"7+ years of writing content that speaks, sells, and sticks. Raised on legendary Apple commercials and allergic to mediocrity, Anastasiia writes for products, interfaces, and campaigns that refuse to be ignored.\",\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/alutsenko\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Preezy: Designing a Gamified Loyalty App That Earns Every Tap","description":"How we designed key screens, a pixel-art icon set, and an avatar system for Preezy, GamerG's gamified loyalty app\u2014balancing clarity, fun, and restraint.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tubikstudio.com\/blog\/preezy-designing-a-gamified-loyalty-app-that-earns-every-tap\/","og_locale":"en_US","og_type":"article","og_title":"Preezy: Designing a Gamified Loyalty App That Earns Every Tap","og_description":"How we designed key screens, a pixel-art icon set, and an avatar system for Preezy, GamerG's gamified loyalty app\u2014balancing clarity, fun, and restraint.","og_url":"https:\/\/tubikstudio.com\/blog\/preezy-designing-a-gamified-loyalty-app-that-earns-every-tap\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2026-07-22T13:50:11+00:00","article_modified_time":"2026-07-23T10:02:41+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/07\/Preezy-Case-Study-2.png","type":"image\/png"}],"author":"Anastasiia Lutsenko","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Anastasiia Lutsenko","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/preezy-designing-a-gamified-loyalty-app-that-earns-every-tap\/","url":"https:\/\/tubikstudio.com\/blog\/preezy-designing-a-gamified-loyalty-app-that-earns-every-tap\/","name":"Preezy: Designing a Gamified Loyalty App That Earns Every Tap","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/preezy-designing-a-gamified-loyalty-app-that-earns-every-tap\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/preezy-designing-a-gamified-loyalty-app-that-earns-every-tap\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/07\/Preezy-Case-Study-2.png","datePublished":"2026-07-22T13:50:11+00:00","dateModified":"2026-07-23T10:02:41+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1"},"description":"How we designed key screens, a pixel-art icon set, and an avatar system for Preezy, GamerG's gamified loyalty app\u2014balancing clarity, fun, and restraint.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/preezy-designing-a-gamified-loyalty-app-that-earns-every-tap\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/preezy-designing-a-gamified-loyalty-app-that-earns-every-tap\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/preezy-designing-a-gamified-loyalty-app-that-earns-every-tap\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/07\/Preezy-Case-Study-2.png","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/07\/Preezy-Case-Study-2.png","width":1200,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/preezy-designing-a-gamified-loyalty-app-that-earns-every-tap\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Preezy: Designing a Gamified Loyalty App That Earns Every Tap"}]},{"@type":"WebSite","@id":"https:\/\/tubikstudio.com\/blog\/#website","url":"https:\/\/tubikstudio.com\/blog\/","name":"Tubik Blog: Articles About Design","description":"Tubik Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1","name":"Anastasiia Lutsenko","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/d893c1e4578c8cd7a39f393978129a25","url":"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g","caption":"Anastasiia Lutsenko"},"description":"7+ years of writing content that speaks, sells, and sticks. Raised on legendary Apple commercials and allergic to mediocrity, Anastasiia writes for products, interfaces, and campaigns that refuse to be ignored.","url":"https:\/\/tubikstudio.com\/blog\/author\/alutsenko\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/17684","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/users\/10003"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=17684"}],"version-history":[{"count":4,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/17684\/revisions"}],"predecessor-version":[{"id":17694,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/17684\/revisions\/17694"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/17685"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=17684"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=17684"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=17684"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=17684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}