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
A fitness and workout app UI featuring a bold, full-screen content browsing experience with featured class cards, workout detail screens, and program navigation. Designed with a dark, high energy aesthetic that puts video content front and center. Covers home feed, workout detail with duration and difficulty info, and bottom navigation across workouts, activity, and programs.
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
Related posts
Here is my submission for the #makeathon
FocusDock is a calming focus timer designed for work, study, reading, and deep focus sessions.
https://detach-lime-09329627.figma.site/
The idea started from a simple problem: most focus timers are functional, but they don’t feel personal or emotionally engaging. I wanted to create a timer that feels more like a small ritual, choosing your environment, placing your clock, setting the mood, and starting a focused session with intention.
With FocusDock, users can:
Choose a focus duration
Pick from different illustrated desk, shelf, and table backgrounds
Select a clock style
Place the clock naturally inside the scene
Start a clean, distraction-free focus session
Use ambient sounds or music to support concentration
The design direction is soft, calm, and minimal, using 2D illustrated backgrounds with clear surfaces where the clock can sit naturally. The goal is to make the clock feel like an object inside the workspace, not just a floating timer UI.
I’m using Figma’s suite of tools to explore the visual system, generate the interface direction, and build the interactive prototype with Figma Make. A big part of the challenge is making the experience feel polished: smooth transitions, thoughtful placement, responsive layouts, and a focus flow that feels simple but meaningful.
For me, this project is about turning time management into a calmer, more intentional experience.
social post: https://x.com/sir_hsn/status/2063623301201858694?s=20
Kombucha Y2K – Interactive Flavor Experience with a walkthrough video
project live demo link :
Link of figma project
Figma X contra challenge
Kombucha Y2K is a bold, interactive product experience that showcases a new generation of kombucha through a high-energy digital interface. Built with a striking neon aesthetic, the app blends product discovery, brand storytelling, and exploration into one immersive platform.
Users can browse unique flavors like Neon Lime Surge, view detailed product information, and explore ingredients, energy levels, and nutritional highlights in a visually engaging way. Each product is presented with a futuristic, electric style that reflects the brand’s identity.
Beyond shopping, the app introduces a strong brand narrative through its manifesto—positioning Kombucha Y2K as more than just a drink, but a movement focused on energy, flavor, and individuality.
With interactive sections like product exploration, lab-style discovery, and location features, the experience feels dynamic and modern rather than static.
Kombucha Y2K is designed for a new generation of consumers who want bold flavors, strong identity, and an engaging digital experience—all in one place.
I didn’t want to make something normal.
Everything I see online feels the same—clean, safe, predictable. So I decided to build something that actually feels different… something with energy.
I started with a simple idea: what if a drink brand felt alive? Not just a product, but an experience. Something bold, electric, almost futuristic.
So I designed Kombucha Y2K.
I played with neon colors, sharp contrasts, and a dark interface to give it that high-energy vibe. Every screen, every detail—it’s meant to feel intense, like you’re not just looking at a product, but stepping into a world.
This wasn’t just about design. It was about creating a feeling.
Something loud. Something different. Something that stands out.
And honestly… this is just the beginning.
Some walking through video
For this contra Makeathon, I wanted to merge creative tech . So I designed and built a tool where you can pick any MP4 or WebM from your device, and it plays directly in your browser as live, colored ASCII.
#FigmaMakeathon #Figma #DesignWithPurpose #ASCIIArt #PrivacyFirst #WebDesign
This is COOL!
Challenges
View all
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?