Cappy game app – Mobile interface showcasing onboarding screens for a multiplayer party game – Highlights playful illustrations, accessible design, and gamified instructions for three dynamic rounds: guess, mime, and one-word challenges.
Project overview

Cappy is a multiplayer online or in-person game. Guess, mime and explain in a competitive atmosphere, emit your imagination, get together with friends and play!



Our goal was to create an immersive and accessible game experience that users of all backgrounds can enjoy on their mobile devices or directly in their web browsers. The design solutions needed to emphasize ease of access while maintaining a sense of fun and inclusivity for a wide range of players.

Tasks
  • Conduct analysis of similar apps and take the best practices
  • Develop lo-fi prototypes to test the flow
  • Establish a playful color scheme, typography, and brand elements that reflect the atmosphere of the game
  • Create designs for two user roles: host and player
  • Craft a brand-new gamified app style, with a comprehensive set of unique icons and illustrations to provide more playful look and feel
  • Design the marketing website with a clear CTA and intuitive structure that highlights the game's unique features
Tools
Figma
Figma
Solutions
Outcome

As a result, we successfully delivered Cappy—a playful, gamified experience designed for two user roles: host and player, playable both online and in-person. The app features a vibrant and intuitive interface shaped by lo-fi prototyping, thoughtful UX, and a fresh visual identity. We crafted a custom design system with unique icons, illustrations, and brand elements that capture the spirit of the game. Additionally, we designed a marketing website with a clear CTA and structure that effectively showcases the game's unique features.

Solutions

Process

We aimed to create a game that anyone — friends, family, or casual players — could easily join and enjoy. So, we started with lo-fi sketches to outline the core gameplay mechanics and user flow.

Cappy game app – Prototype flow of the game joining process – Showcases mobile screens for entering a game code, submitting player names and words, and tracking readiness before starting the multiplayer session.
Cappy game app – Prototype flow of the game joining process – Showcases mobile screens for entering a game code, submitting player names and words, and tracking readiness before starting the multiplayer session.

Process

We aimed to create a game that anyone — friends, family, or casual players — could easily join and enjoy. So, we started with lo-fi sketches to outline the core gameplay mechanics and user flow.

Process

We aimed to create a game that anyone — friends, family, or casual players — could easily join and enjoy. So, we started with lo-fi sketches to outline the core gameplay mechanics and user flow.

Cappy game app – Prototype flow of the game joining process – Showcases mobile screens for entering a game code, submitting player names and words, and tracking readiness before starting the multiplayer session.

Process

We aimed to create a game that anyone — friends, family, or casual players — could easily join and enjoy. So, we started with lo-fi sketches to outline the core gameplay mechanics and user flow.

Cappy game app – Prototype flow of the game joining process – Showcases mobile screens for entering a game code, submitting player names and words, and tracking readiness before starting the multiplayer session.

Process

We aimed to create a game that anyone — friends, family, or casual players — could easily join and enjoy. So, we started with lo-fi sketches to outline the core gameplay mechanics and user flow.

Cappy game app – Prototype flow of the game joining process – Showcases mobile screens for entering a game code, submitting player names and words, and tracking readiness before starting the multiplayer session.

Roles & Teams

We designed two user roles: the host and the player. The host sets up the game, configuring options like mode and difficulty, while players join using a game code and participate in activities. This creates a smooth flow, with the host managing the game and players engaging in fun challenges.

Cappy game app – UI screens showing onboarding flow and game setup – Includes illustrated welcome screen, game rules popup, and configuration options for words per player, turn duration, and round types.
Cappy game app – UI screens showing onboarding flow and game setup – Includes illustrated welcome screen, game rules popup, and configuration options for words per player, turn duration, and round types.

Roles & Teams

We designed two user roles: the host and the player. The host sets up the game, configuring options like mode and difficulty, while players join using a game code and participate in activities. This creates a smooth flow, with the host managing the game and players engaging in fun challenges.

Roles & Teams

We designed two user roles: the host and the player. The host sets up the game, configuring options like mode and difficulty, while players join using a game code and participate in activities. This creates a smooth flow, with the host managing the game and players engaging in fun challenges.

Cappy game app – UI screens showing onboarding flow and game setup – Includes illustrated welcome screen, game rules popup, and configuration options for words per player, turn duration, and round types.
Cappy game app – Step-by-step UI flow for joining a game – Illustrates entering a game code, adding player name, and submitting six custom words before starting gameplay.

Roles & Teams

We designed two user roles: the host and the player. The host sets up the game, configuring options like mode and difficulty, while players join using a game code and participate in activities. This creates a smooth flow, with the host managing the game and players engaging in fun challenges.

Cappy game app – UI screens showing onboarding flow and game setup – Includes illustrated welcome screen, game rules popup, and configuration options for words per player, turn duration, and round types.Cappy game app – Step-by-step UI flow for joining a game – Illustrates entering a game code, adding player name, and submitting six custom words before starting gameplay.Cappy game app – Team formation UI for multiplayer setup – Demonstrates automatic and custom team selection with options to shuffle or manually join teams based on player preference.

Roles & Teams

We designed two user roles: the host and the player. The host sets up the game, configuring options like mode and difficulty, while players join using a game code and participate in activities. This creates a smooth flow, with the host managing the game and players engaging in fun challenges.

Cappy game app – UI screens showing onboarding flow and game setup – Includes illustrated welcome screen, game rules popup, and configuration options for words per player, turn duration, and round types.Cappy game app – Step-by-step UI flow for joining a game – Illustrates entering a game code, adding player name, and submitting six custom words before starting gameplay.Cappy game app – Team formation UI for multiplayer setup – Demonstrates automatic and custom team selection with options to shuffle or manually join teams based on player preference.

Round-by-Round

The game includes three rounds, each of which can be enabled or disabled. In every round, players take turns guessing, miming, or giving a one-word explanation. Points for correct answers keep the competition fun and engaging.

Cappy game app – Gameplay interface for Round 1: “Guess the Word” – Displays explanation-based guessing with swipe gestures, timer, word scoring, and post-round score editing for a smooth, low-friction game experience.
Cappy game app – Gameplay interface for Round 1: “Guess the Word” – Displays explanation-based guessing with swipe gestures, timer, word scoring, and post-round score editing for a smooth, low-friction game experience.

Round-by-Round

The game includes three rounds, each of which can be enabled or disabled. In every round, players take turns guessing, miming, or giving a one-word explanation. Points for correct answers keep the competition fun and engaging.

Round-by-Round

The game includes three rounds, each of which can be enabled or disabled. In every round, players take turns guessing, miming, or giving a one-word explanation. Points for correct answers keep the competition fun and engaging.

Cappy game app – Gameplay interface for Round 1: “Guess the Word” – Displays explanation-based guessing with swipe gestures, timer, word scoring, and post-round score editing for a smooth, low-friction game experience.
Cappy game app – Round 2: “Mime the Word” gameplay screens – Features gesture-based word guessing with swipe navigation, real-time score tracking, editable results, and team leaderboard for competitive play.

Round-by-Round

The game includes three rounds, each of which can be enabled or disabled. In every round, players take turns guessing, miming, or giving a one-word explanation. Points for correct answers keep the competition fun and engaging.

Cappy game app – Gameplay interface for Round 1: “Guess the Word” – Displays explanation-based guessing with swipe gestures, timer, word scoring, and post-round score editing for a smooth, low-friction game experience.Cappy game app – Round 2: “Mime the Word” gameplay screens – Features gesture-based word guessing with swipe navigation, real-time score tracking, editable results, and team leaderboard for competitive play.Cappy game app – Round 3: “One Word” gameplay UI – Displays one-word explanation mechanics, fast-paced swipe interactions, score summaries, and animated winner celebration screen.

Round-by-Round

The game includes three rounds, each of which can be enabled or disabled. In every round, players take turns guessing, miming, or giving a one-word explanation. Points for correct answers keep the competition fun and engaging.

Cappy game app – Gameplay interface for Round 1: “Guess the Word” – Displays explanation-based guessing with swipe gestures, timer, word scoring, and post-round score editing for a smooth, low-friction game experience.Cappy game app – Round 2: “Mime the Word” gameplay screens – Features gesture-based word guessing with swipe navigation, real-time score tracking, editable results, and team leaderboard for competitive play.Cappy game app – Round 3: “One Word” gameplay UI – Displays one-word explanation mechanics, fast-paced swipe interactions, score summaries, and animated winner celebration screen.

Foundations

We built a brand-new, gamified app style, featuring fundamental elements like colors, unique icons, custom illustrations, and components. A unified design system creates a friendly atmosphere, captures the essence of the game, and invites players to fully immerse themselves in the gaming experience.

Cappy game app – Color palette overview – Displays primary accent color and four additional playful shades used to enhance the app’s visual identity and energetic atmosphere.
Cappy game app – Color palette overview – Displays primary accent color and four additional playful shades used to enhance the app’s visual identity and energetic atmosphere.

Foundations

We built a brand-new, gamified app style, featuring fundamental elements like colors, unique icons, custom illustrations, and components. A unified design system creates a friendly atmosphere, captures the essence of the game, and invites players to fully immerse themselves in the gaming experience.

Foundations

We built a brand-new, gamified app style, featuring fundamental elements like colors, unique icons, custom illustrations, and components. A unified design system creates a friendly atmosphere, captures the essence of the game, and invites players to fully immerse themselves in the gaming experience.

Cappy game app – Color palette overview – Displays primary accent color and four additional playful shades used to enhance the app’s visual identity and energetic atmosphere.
Cappy game app – Typography system overview – Showcases Bariol typeface in bold style, with labeled styles for headers, game titles, and body text to maintain playful and readable design consistency.

Foundations

We built a brand-new, gamified app style, featuring fundamental elements like colors, unique icons, custom illustrations, and components. A unified design system creates a friendly atmosphere, captures the essence of the game, and invites players to fully immerse themselves in the gaming experience.

Cappy game app – Color palette overview – Displays primary accent color and four additional playful shades used to enhance the app’s visual identity and energetic atmosphere.Cappy game app – Typography system overview – Showcases Bariol typeface in bold style, with labeled styles for headers, game titles, and body text to maintain playful and readable design consistency.Cappy game app – UI components showcase – Displays a playful collection of interface elements including buttons, toggles, sliders, tags, avatars, and labels, illustrating the visual style and consistency across the app.Cappy game app – Icon and illustration set – Displays a unique collection of playful character illustrations and custom-designed icons that define the app’s visual identity and fun, expressive style.

Foundations

We built a brand-new, gamified app style, featuring fundamental elements like colors, unique icons, custom illustrations, and components. A unified design system creates a friendly atmosphere, captures the essence of the game, and invites players to fully immerse themselves in the gaming experience.

Cappy game app – Color palette overview – Displays primary accent color and four additional playful shades used to enhance the app’s visual identity and energetic atmosphere.Cappy game app – Typography system overview – Showcases Bariol typeface in bold style, with labeled styles for headers, game titles, and body text to maintain playful and readable design consistency.Cappy game app – UI components showcase – Displays a playful collection of interface elements including buttons, toggles, sliders, tags, avatars, and labels, illustrating the visual style and consistency across the app.Cappy game app – Icon and illustration set – Displays a unique collection of playful character illustrations and custom-designed icons that define the app’s visual identity and fun, expressive style.

Desktop

We designed the game for both online and offline play, ensuring a strong web presence with intuitive navigation, smooth gameplay, and seamless communication on larger screens between the host and players.

Cappy game app – Web interface on laptop screen – Showcases the game’s playful homepage with character illustration, clear CTA buttons for creating or joining a game, and celebratory visual elements.
Cappy game app – Web interface on laptop screen – Showcases the game’s playful homepage with character illustration, clear CTA buttons for creating or joining a game, and celebratory visual elements.

Desktop

We designed the game for both online and offline play, ensuring a strong web presence with intuitive navigation, smooth gameplay, and seamless communication on larger screens between the host and players.

Desktop

We designed the game for both online and offline play, ensuring a strong web presence with intuitive navigation, smooth gameplay, and seamless communication on larger screens between the host and players.

Cappy game app – Web interface on laptop screen – Showcases the game’s playful homepage with character illustration, clear CTA buttons for creating or joining a game, and celebratory visual elements.
Cappy game app – Collage of interface screens – Showcases key moments across the game flow including joining, word input, team setup, gameplay rounds, score tracking, and final celebration with playful illustrations.

Desktop

We designed the game for both online and offline play, ensuring a strong web presence with intuitive navigation, smooth gameplay, and seamless communication on larger screens between the host and players.

Cappy game app – Web interface on laptop screen – Showcases the game’s playful homepage with character illustration, clear CTA buttons for creating or joining a game, and celebratory visual elements.Cappy game app – Collage of interface screens – Showcases key moments across the game flow including joining, word input, team setup, gameplay rounds, score tracking, and final celebration with playful illustrations.

Desktop

We designed the game for both online and offline play, ensuring a strong web presence with intuitive navigation, smooth gameplay, and seamless communication on larger screens between the host and players.

Cappy game app – Web interface on laptop screen – Showcases the game’s playful homepage with character illustration, clear CTA buttons for creating or joining a game, and celebratory visual elements.Cappy game app – Collage of interface screens – Showcases key moments across the game flow including joining, word input, team setup, gameplay rounds, score tracking, and final celebration with playful illustrations.

Website

We incorporated illustrative game features on the marketing website to help users quickly understand how it works. These visuals effectively highlight Cappy's unique gameplay mechanics, emphasizing its appeal as a platform for social entertainment.

Cappy game website – Landing page and core features section – Highlights the multiplayer party game’s main selling points, game rules, user roles, and vibrant design with playful visuals and clear call-to-action.
Cappy game website – Landing page and core features section – Highlights the multiplayer party game’s main selling points, game rules, user roles, and vibrant design with playful visuals and clear call-to-action.

Website

We incorporated illustrative game features on the marketing website to help users quickly understand how it works. These visuals effectively highlight Cappy's unique gameplay mechanics, emphasizing its appeal as a platform for social entertainment.

Website

We incorporated illustrative game features on the marketing website to help users quickly understand how it works. These visuals effectively highlight Cappy's unique gameplay mechanics, emphasizing its appeal as a platform for social entertainment.

Cappy game website – Landing page and core features section – Highlights the multiplayer party game’s main selling points, game rules, user roles, and vibrant design with playful visuals and clear call-to-action.

Website

We incorporated illustrative game features on the marketing website to help users quickly understand how it works. These visuals effectively highlight Cappy's unique gameplay mechanics, emphasizing its appeal as a platform for social entertainment.

Cappy game website – Landing page and core features section – Highlights the multiplayer party game’s main selling points, game rules, user roles, and vibrant design with playful visuals and clear call-to-action.

Website

We incorporated illustrative game features on the marketing website to help users quickly understand how it works. These visuals effectively highlight Cappy's unique gameplay mechanics, emphasizing its appeal as a platform for social entertainment.

Cappy game website – Landing page and core features section – Highlights the multiplayer party game’s main selling points, game rules, user roles, and vibrant design with playful visuals and clear call-to-action.
No items found.

Outcome

As a result, we successfully delivered Cappy—a playful, gamified experience designed for two user roles: host and player, playable both online and in-person. The app features a vibrant and intuitive interface shaped by lo-fi prototyping, thoughtful UX, and a fresh visual identity. We crafted a custom design system with unique icons, illustrations, and brand elements that capture the spirit of the game. Additionally, we designed a marketing website with a clear CTA and structure that effectively showcases the game's unique features.

Linkedin

Linkedin

More works

Looking for an expert?

Let's discuss how WebFolks can help!

Contact Us
WebFolks logo outline