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
Kairopi provides a judgment-free space for internationally trained nurses to practice shift handovers and critical clinical updates.
The Build Workflow:
Flowstep Prompt Design: Rapidly generated full end-to-end user journeys from hero section to rehearsal studio.
Design System: Controlled via a custom system.md file for consistent styling, typography, and interactive states.
Visuals & Motion: Enhanced with custom LottieFiles motion assets (Animations by Gabby Riches and Abdul Latif).
Social post - X
Probably my favourite walkthrough from the challenge. Loved how you demonstrated the design guidelines too. 👏
Thank youu
Sleek, look good
Thank youu
Really like the idea of giving internationally trained nurses a place to practise without feeling judged. The focus on handovers makes it feel especially practical, and the motion adds a nice layer without taking away from the purpose. Good luck
Thanks a ton!
Lets goOOOO
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
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?
Related posts
Introducing KEEPS: A Digital Home for Physical Memories
KEEPS is a mobile app designed to preserve the physical objects that carry our memories.
While most memory apps are built around photos, KEEPS is built around everything else.
Concert tickets, boarding passes, receipts, handwritten notes, invitations, conference badges, and other small objects that people often keep long after their practical purpose has ended.
The idea came from a simple observation: many of us keep these items because they represent experiences, relationships, milestones, and moments we don’t want to forget. Over time, they become scattered across drawers, wallets, books, and boxes, making them difficult to revisit and easy to lose.
KEEPS transforms these physical keepsakes into digital artifacts.
Users can scan real objects, remove backgrounds, add contextual information such as location, date, people, and personal notes, and organize them into custom collections. Artifacts can also be created from templates, allowing users to recreate memories that no longer exist physically.
The prototype includes onboarding, collections, artifact detail pages, discovery flows, creation flows, profile experiences, and a connected navigation system that allows users to move through their archive naturally.
Rather than generating the entire product in a single prompt, I used Flowstep as a design engineering tool.
I started with a visual direction created in Figma, including custom illustrations, typography, layout systems, and the overall structure.
From there, I rebuilt the product inside Flowstep screen by screen, using detailed prompts to define hierarchy, spacing, interactions, navigation patterns, and user flows.
Each screen became the foundation for the next. Existing components were reused, refined, and expanded to create a cohesive design system across the entire application. The process was highly iterative: generating, reviewing, refining, and rebuilding until the product felt consistent both visually and functionally.
The result is not simply a collection of screens, but a connected prototype with clear user journeys, interaction logic, and product intent.
KEEPS is built around a simple belief:
The smallest objects often carry the biggest memories.
Flowstep file link: https://app.flowstep.ai/file?activeFileId=cb23715a-64af-4fb6-822a-c789fb99b461
The walkthrough, screen recording of the prototype working in Flowstep, my custom illustrations, and the screens designed in Flowstep are included below.
Love this!
I CREATED A PRODUCT WITH A MORE HUMAN DESIGN USING @Envato #envatochallenge
Instead of relying only on AI, I stepped outside to find inspiration in the real world.
I explored different places, captured my own photographs, studied colors, textures, shapes, and details, then combined those real-life elements into a single product design.
AI can generate images, but it can't replace the experience of discovering inspiration with your own eyes.
Every photo I took became a piece of the final creation, making the product feel authentic, personal, and impossible to recreate through prompts alone.
Envato Tools i used for creating this product:
🔥 Gen Ai
- ImageGen and Styles
- ImageEdit
- VideoGen and Preset
- MusicGen
- Mockup Gen
🔥 Stock
- Photo
- Videos
- Video templates
- Luts
- Music
- Sound Effects
- Fonts
#HumanByDesign #CreativeProcess #Design #AI
Sharing screens from one of the latest project - VeinBand, a wearable that tracks vascular health through a sleek rose gold band, pairing pulse speed and resting pulse readings with a "vascular age" score that makes cardiovascular data feel personal.
Warm, sun-washed imagery grounds the product in real life, while the interface underneath stays calm and editorial — serif typography, soft neutral tones, and a single warm copper accent that reads more wellness ritual than clinical dashboard.
