Unlocking Game Design: From Storytelling to Web-Based Minis

Unlocking Game Design: From Storytelling to Web-Based MinisUnlocking Game Design: From Storytelling to Web-Based Minis

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Rohan Boda

• Mar 30

Lately I've been thinking a lot about where I stand in the world of Product Design. As a (sorta) Cinephile, storytelling is a huge skill for me, and when I started thinking about the intersection of User Experience, Storytelling, and Technology, Game Design sits perfectly in the middle.

So I signed up for CalArt's Game Design certification on Coursera. I'm currently at the tail end of the first course, but wanted to share my most recent assignment - a concept that brings narrative to a game that can be played with just a pen and paper.

One of my peers pointed out that this would translate really well into a web based minigame (subtle foreshadowing). But in the meantime, why don't you give it a try and see how quick you can solve the mystery (spoilers in the comic).

UX Writing Gamification Procreate Game Design

Alex Prokhorov

max

• Apr 3

Working on a mini app inspired by one of the projects we're currently doing in Rive and @Bob Vasic comment

Built with anime.js and Claude.

Claude Web Design Animation

Subrata Roy

• Apr 3

Great Work.

Alice D.

• Apr 3

Design.ID - a creative ID card generator for designers.

For the Omma Buildathon I built an interactive experience for designers.

My focus was elevating user experience using only Omma. After 90+ versions, Design.ID came to life.

Designers choose their character, input their info and get a personalised ID card. The final screen showcases a 3D card that tilts on hover with metallic reflections that follow along. A subtle detail: your character appears ghosted inside the metallic badge.

Try it: https://omma.build/p/designid-centered-welcome-page-sowjxh

From the particle logo on the first screen to the ID movements on the last, every interaction is intentional.

Fully responsive on desktop and mobile.

X Post: https://x.com/webdesign_alice/status/2040005774215127547?s=46&t=1ZFswUtJzT6BPLQaoOweGw

Create your ID and share it below! 👇

ommabysplinebuildathon Web Design Product Design Interaction Design Spline

Subhi Salman

• Apr 4

Great work on the app's visual identity!

Andres Sentis

• Apr 2

One Click Lemonade is a small incremental clicker microgame built in Omma by Spline, where players harvest lemons from a handcrafted paper tree, fill a pitcher with lemonade, and sell each cup for one click while gradually growing their tiny lemonade empire. The project is designed as a calm, tactile interactive diorama rather than a large simulation, focusing on a simple resource loop polished with playful progression, clear interaction, and a strong visual identity. Its style combines a monochrome papercraft world, soft paper textures, sculptural white forms, and bright yellow lemons as the main accent, making the whole experience feel like a handcrafted interactive object that is quick to understand, visually memorable, and enjoyable in a short session. Play the game: https://omma.build/p/lemon-stand-isometric-game-7bmq2d

Completed work