Bad cards game app – Main screen UI for ‘Bad Cards’ mode – Features meme-style artwork and a central phone screen with a Trollface icon, highlighting the humorous nature of the game where players fill in blanks with funny answers.
Project overview

Bad Cards is a multiplayer online or in-person game. In each round, the lead reads a card, players submit their funniest answers, and the lead awards a point to the best choice. No mercy jokes!

Our aim was to create a fun and accessible party game that connects players on mobile devices or directly in their web browsers. With bright visuals and a simple layout, the design keeps things fun, silly, and easy for everyone to jump in and enjoy.

Tasks
  • Analyze similar apps to identify and apply best practices
  • Use lo-fi sketches to examine the usability of the experience
  • Develop a cohesive visual style—using color, type, and brand assets—that mirrors the game’s fun and energetic feel
  • Create designs for two user roles: lead and player
  • Build a unique visual identity for the app with a gamified look, featuring original icons and illustrations that boost its fun style
  • Design a promotional site with intuitive navigation and a strong CTA, emphasizing what makes the game unique
Tools
Figma
Figma
Adobe Illustrator
Adobe Illustrator
Solutions
Outcome

As a result of our design process, Bad Cards emerged as a fun, interactive game for two user roles, playable both online and offline. By applying a playful visual identity—complete with vibrant colors, custom icons, and unique illustrations—we ensured smooth, engaging gameplay. We extended this style across stickers, ads, and social media assets to boost brand recognition and create a cohesive presence across digital and real-world touchpoints.

Solutions

Games

We designed another game based on the design system we created for Cappy. While the concept is different, the shared visual language—vibrant visuals, playful typography, and intuitive interfaces—creates a cohesive and fun experience across devices.

Bad Cards game app – Game selection screen with Cappy and Bad Cards options – Highlights playful UI, meme visuals, and the social joy of gathering through games.
Bad Cards game app – Game selection screen with Cappy and Bad Cards options – Highlights playful UI, meme visuals, and the social joy of gathering through games.

Games

We designed another game based on the design system we created for Cappy. While the concept is different, the shared visual language—vibrant visuals, playful typography, and intuitive interfaces—creates a cohesive and fun experience across devices.

Games

We designed another game based on the design system we created for Cappy. While the concept is different, the shared visual language—vibrant visuals, playful typography, and intuitive interfaces—creates a cohesive and fun experience across devices.

Bad Cards game app – Game selection screen with Cappy and Bad Cards options – Highlights playful UI, meme visuals, and the social joy of gathering through games.

Games

We designed another game based on the design system we created for Cappy. While the concept is different, the shared visual language—vibrant visuals, playful typography, and intuitive interfaces—creates a cohesive and fun experience across devices.

Bad Cards game app – Game selection screen with Cappy and Bad Cards options – Highlights playful UI, meme visuals, and the social joy of gathering through games.

Games

We designed another game based on the design system we created for Cappy. While the concept is different, the shared visual language—vibrant visuals, playful typography, and intuitive interfaces—creates a cohesive and fun experience across devices.

Bad Cards game app – Game selection screen with Cappy and Bad Cards options – Highlights playful UI, meme visuals, and the social joy of gathering through games.

Ideation

We began with lo-fi sketches to map out the core Bad Cards gameplay mechanics and user flow, focusing on simplicity and accessibility.

Bad Cards game app – UI flow for choosing a game, configuring settings, and joining via game code – Highlights game setup options, filters, and avatar selection for a custom party experience.
Bad Cards game app – UI flow for choosing a game, configuring settings, and joining via game code – Highlights game setup options, filters, and avatar selection for a custom party experience.

Ideation

We began with lo-fi sketches to map out the core Bad Cards gameplay mechanics and user flow, focusing on simplicity and accessibility.

Ideation

We began with lo-fi sketches to map out the core Bad Cards gameplay mechanics and user flow, focusing on simplicity and accessibility.

Bad Cards game app – UI flow for choosing a game, configuring settings, and joining via game code – Highlights game setup options, filters, and avatar selection for a custom party experience.

Ideation

We began with lo-fi sketches to map out the core Bad Cards gameplay mechanics and user flow, focusing on simplicity and accessibility.

Bad Cards game app – UI flow for choosing a game, configuring settings, and joining via game code – Highlights game setup options, filters, and avatar selection for a custom party experience.

Ideation

We began with lo-fi sketches to map out the core Bad Cards gameplay mechanics and user flow, focusing on simplicity and accessibility.

Bad Cards game app – UI flow for choosing a game, configuring settings, and joining via game code – Highlights game setup options, filters, and avatar selection for a custom party experience.

The game

We created Bad Cards with clear navigation and a well-structured flow, making it easy for players to follow the game at every step. The intuitive design ensures smooth transitions between actions, while automatic role shifts keep the gameplay dynamic and engaging.

Bad Cards game app – Overview of game start screen, rules explanation, and sample card interaction – Highlights meme-driven humor, simple mechanics, and engaging party gameplay.
Bad Cards game app – Overview of game start screen, rules explanation, and sample card interaction – Highlights meme-driven humor, simple mechanics, and engaging party gameplay.

The game

We created Bad Cards with clear navigation and a well-structured flow, making it easy for players to follow the game at every step. The intuitive design ensures smooth transitions between actions, while automatic role shifts keep the gameplay dynamic and engaging.

The game

We created Bad Cards with clear navigation and a well-structured flow, making it easy for players to follow the game at every step. The intuitive design ensures smooth transitions between actions, while automatic role shifts keep the gameplay dynamic and engaging.

Bad Cards game app – Overview of game start screen, rules explanation, and sample card interaction – Highlights meme-driven humor, simple mechanics, and engaging party gameplay.
Bad Cards game app – Step-by-step UI for joining the game – Shows the process of entering a game code, adding a name, choosing a meme-style avatar, and getting ready to play.

The game

We created Bad Cards with clear navigation and a well-structured flow, making it easy for players to follow the game at every step. The intuitive design ensures smooth transitions between actions, while automatic role shifts keep the gameplay dynamic and engaging.

Bad Cards game app – Overview of game start screen, rules explanation, and sample card interaction – Highlights meme-driven humor, simple mechanics, and engaging party gameplay.Bad Cards game app – Step-by-step UI for joining the game – Shows the process of entering a game code, adding a name, choosing a meme-style avatar, and getting ready to play.

The game

We created Bad Cards with clear navigation and a well-structured flow, making it easy for players to follow the game at every step. The intuitive design ensures smooth transitions between actions, while automatic role shifts keep the gameplay dynamic and engaging.

Bad Cards game app – Overview of game start screen, rules explanation, and sample card interaction – Highlights meme-driven humor, simple mechanics, and engaging party gameplay.Bad Cards game app – Step-by-step UI for joining the game – Shows the process of entering a game code, adding a name, choosing a meme-style avatar, and getting ready to play.

Roles: Lead & Player

We designed the two roles for ease of use and smooth interaction. Lead is randomly selected each round, picks the funniest answer, and awards points. The Player chooses a funny response and stays engaged with real-time updates. Both roles are streamlined for an enjoyable experience.

Bad Cards game app – Lead’s gameplay flow walkthrough – Illustrates how the lead player reviews, selects, and scores answers through a swipe-based interface, guiding the round from start to winner announcement.
Bad Cards game app – Lead’s gameplay flow walkthrough – Illustrates how the lead player reviews, selects, and scores answers through a swipe-based interface, guiding the round from start to winner announcement.

Roles: Lead & Player

We designed the two roles for ease of use and smooth interaction. Lead is randomly selected each round, picks the funniest answer, and awards points. The Player chooses a funny response and stays engaged with real-time updates. Both roles are streamlined for an enjoyable experience.

Roles: Lead & Player

We designed the two roles for ease of use and smooth interaction. Lead is randomly selected each round, picks the funniest answer, and awards points. The Player chooses a funny response and stays engaged with real-time updates. Both roles are streamlined for an enjoyable experience.

Bad Cards game app – Lead’s gameplay flow walkthrough – Illustrates how the lead player reviews, selects, and scores answers through a swipe-based interface, guiding the round from start to winner announcement.
Bad Cards game app – Player’s gameplay flow walkthrough – Demonstrates how players choose or write answers, submit them, and view results, with a focus on humor, speed, and custom response options.

Roles: Lead & Player

We designed the two roles for ease of use and smooth interaction. Lead is randomly selected each round, picks the funniest answer, and awards points. The Player chooses a funny response and stays engaged with real-time updates. Both roles are streamlined for an enjoyable experience.

Bad Cards game app – Lead’s gameplay flow walkthrough – Illustrates how the lead player reviews, selects, and scores answers through a swipe-based interface, guiding the round from start to winner announcement.Bad Cards game app – Player’s gameplay flow walkthrough – Demonstrates how players choose or write answers, submit them, and view results, with a focus on humor, speed, and custom response options.

Roles: Lead & Player

We designed the two roles for ease of use and smooth interaction. Lead is randomly selected each round, picks the funniest answer, and awards points. The Player chooses a funny response and stays engaged with real-time updates. Both roles are streamlined for an enjoyable experience.

Bad Cards game app – Lead’s gameplay flow walkthrough – Illustrates how the lead player reviews, selects, and scores answers through a swipe-based interface, guiding the round from start to winner announcement.Bad Cards game app – Player’s gameplay flow walkthrough – Demonstrates how players choose or write answers, submit them, and view results, with a focus on humor, speed, and custom response options.

Foundations

We created a dynamic, gamified app style design that blends vibrant colors, custom icons, and distinctive illustrations. The cohesive design system sets the tone, making the game inviting, engaging, and immersing players in a truly unique experience.

Bad Cards game app – Color palette overview – Displays the main accent color and supporting shades used throughout the interface for a vibrant, playful visual identity.
Bad Cards game app – Color palette overview – Displays the main accent color and supporting shades used throughout the interface for a vibrant, playful visual identity.

Foundations

We created a dynamic, gamified app style design that blends vibrant colors, custom icons, and distinctive illustrations. The cohesive design system sets the tone, making the game inviting, engaging, and immersing players in a truly unique experience.

Foundations

We created a dynamic, gamified app style design that blends vibrant colors, custom icons, and distinctive illustrations. The cohesive design system sets the tone, making the game inviting, engaging, and immersing players in a truly unique experience.

Bad Cards game app – Color palette overview – Displays the main accent color and supporting shades used throughout the interface for a vibrant, playful visual identity.
Bad Cards game app – Typography system overview – Features Bariol typeface in various heading styles, reflecting the playful tone and clear hierarchy used across the app’s interface.

Foundations

We created a dynamic, gamified app style design that blends vibrant colors, custom icons, and distinctive illustrations. The cohesive design system sets the tone, making the game inviting, engaging, and immersing players in a truly unique experience.

Bad Cards game app – Color palette overview – Displays the main accent color and supporting shades used throughout the interface for a vibrant, playful visual identity.Bad Cards game app – Typography system overview – Features Bariol typeface in various heading styles, reflecting the playful tone and clear hierarchy used across the app’s interface.Bad Cards game app – Collection of meme-style illustrations and avatar options – Highlights the humorous visual identity and internet-inspired character set that define the game’s playful tone.

Foundations

We created a dynamic, gamified app style design that blends vibrant colors, custom icons, and distinctive illustrations. The cohesive design system sets the tone, making the game inviting, engaging, and immersing players in a truly unique experience.

Bad Cards game app – Color palette overview – Displays the main accent color and supporting shades used throughout the interface for a vibrant, playful visual identity.Bad Cards game app – Typography system overview – Features Bariol typeface in various heading styles, reflecting the playful tone and clear hierarchy used across the app’s interface.Bad Cards game app – Collection of meme-style illustrations and avatar options – Highlights the humorous visual identity and internet-inspired character set that define the game’s playful tone.

Game Brand

We covered a full brand identity, including stickers, ads, and social media assets, to boost recognition and engage players both online and in-person. Each item reflects the game’s personality and strengthens the brand’s connection with the audience.

Bad Cards game app – Branded meme-style stickers on a laptop and bold marketing slogan – Highlights the game’s quirky personality, iconic visuals, and unforgettable humor-driven appeal.
Bad Cards game app – Branded meme-style stickers on a laptop and bold marketing slogan – Highlights the game’s quirky personality, iconic visuals, and unforgettable humor-driven appeal.

Game Brand

We covered a full brand identity, including stickers, ads, and social media assets, to boost recognition and engage players both online and in-person. Each item reflects the game’s personality and strengthens the brand’s connection with the audience.

Game Brand

We covered a full brand identity, including stickers, ads, and social media assets, to boost recognition and engage players both online and in-person. Each item reflects the game’s personality and strengthens the brand’s connection with the audience.

Bad Cards game app – Branded meme-style stickers on a laptop and bold marketing slogan – Highlights the game’s quirky personality, iconic visuals, and unforgettable humor-driven appeal.
Bad Cards game app – Outdoor poster set featuring QR code, meme visuals, and social messaging – Highlights the game’s playful branding and focus on quick access, shared moments, and humor-driven fun.

Game Brand

We covered a full brand identity, including stickers, ads, and social media assets, to boost recognition and engage players both online and in-person. Each item reflects the game’s personality and strengthens the brand’s connection with the audience.

Bad Cards game app – Branded meme-style stickers on a laptop and bold marketing slogan – Highlights the game’s quirky personality, iconic visuals, and unforgettable humor-driven appeal.Bad Cards game app – Outdoor poster set featuring QR code, meme visuals, and social messaging – Highlights the game’s playful branding and focus on quick access, shared moments, and humor-driven fun.Bad Cards game app – Social media and promo visuals on mobile screens – Highlights playful content, in-game alerts, and branded merchandise with meme-inspired messaging and community-driven tone.

Game Brand

We covered a full brand identity, including stickers, ads, and social media assets, to boost recognition and engage players both online and in-person. Each item reflects the game’s personality and strengthens the brand’s connection with the audience.

Bad Cards game app – Branded meme-style stickers on a laptop and bold marketing slogan – Highlights the game’s quirky personality, iconic visuals, and unforgettable humor-driven appeal.Bad Cards game app – Outdoor poster set featuring QR code, meme visuals, and social messaging – Highlights the game’s playful branding and focus on quick access, shared moments, and humor-driven fun.Bad Cards game app – Social media and promo visuals on mobile screens – Highlights playful content, in-game alerts, and branded merchandise with meme-inspired messaging and community-driven tone.

Website

We designed a cohesive web presence that clearly explains game guidelines, highlights key features, and helps users quickly understand how to play—creating an engaging experience across all platforms.

Bad Cards game app – Website hero section displayed on a laptop – Highlights the party game’s edgy humor and meme-driven interface, inviting users to try or support the game.
Bad Cards game app – Website hero section displayed on a laptop – Highlights the party game’s edgy humor and meme-driven interface, inviting users to try or support the game.

Website

We designed a cohesive web presence that clearly explains game guidelines, highlights key features, and helps users quickly understand how to play—creating an engaging experience across all platforms.

Website

We designed a cohesive web presence that clearly explains game guidelines, highlights key features, and helps users quickly understand how to play—creating an engaging experience across all platforms.

Bad Cards game app – Website hero section displayed on a laptop – Highlights the party game’s edgy humor and meme-driven interface, inviting users to try or support the game.

Website

We designed a cohesive web presence that clearly explains game guidelines, highlights key features, and helps users quickly understand how to play—creating an engaging experience across all platforms.

Bad Cards game app – Website hero section displayed on a laptop – Highlights the party game’s edgy humor and meme-driven interface, inviting users to try or support the game.

Website

We designed a cohesive web presence that clearly explains game guidelines, highlights key features, and helps users quickly understand how to play—creating an engaging experience across all platforms.

Bad Cards game app – Website hero section displayed on a laptop – Highlights the party game’s edgy humor and meme-driven interface, inviting users to try or support the game.
No items found.

Outcome

As a result of our design process, Bad Cards emerged as a fun, interactive game for two user roles, playable both online and offline. By applying a playful visual identity—complete with vibrant colors, custom icons, and unique illustrations—we ensured smooth, engaging gameplay. We extended this style across stickers, ads, and social media assets to boost brand recognition and create a cohesive presence across digital and real-world touchpoints.

Linkedin

Linkedin

More works

Looking for an expert?

Let's discuss how WebFolks can help!

Contact Us
WebFolks logo outline