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
Behind the scenes of Trova 🏔️
Every project starts with structure before visuals.
Here's the sitemap for the travel template I'm currently designing.
A strong sitemap makes every design decision easier later on—from navigation and content hierarchy to user experience.
Curious to hear from other designers and freelancers:
How do you approach sitemap planning when starting a new project?
Do you rely on research, user journeys, content requirements, or a mix of everything?
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
I wanted to build a Sci-fi HUD creation tool with plenty of customization options.
So I built the SINGULARITY HUD CREATION TOOL
Live site: https://singularityhud.figma.site/
GitHub Repository: https://github.com/nytrite/SingularityHudCreationTool
SINGULARITY is a notch web-based studio for making cool animated graphics, technical drawings, and futuristic interfaces.
It works in your browser and uses special technology to make smooth animations.
The studio has a professional look, with a dark theme, orange accents, and a clean, simple design.
This makes it easy for designers to create and animate graphics and export them in a ready-to-use format, such as MP4.
The tool is great for making all sorts of graphics from animated user interfaces to schematics and cinematic sci-fi interfaces.
It uses an animation engine that makes everything look smooth and realistic.
With SINGULARITY, designers can make high-quality motion graphics and HUDs quickly and easily.
My process:
Pen and paper → Figma make → Using Figma make to generate ideas → Prompting it out as perfectly as I can get it to work → Connected to Supabase → Deployed
Thank you!
AI
Pip is a zero-friction health companion built to turn tracking your health (SYMPTOMS, DIET AND MORE) into clinical clarity. It abandons rigid 0–10 numeric scales and replaces them with a compassionate, glanceable interface.
❤ Why It Was Built
Pip was born out of pure personal necessity. I built it because it was something I desperately needed, and something a few close friends and someone incredibly close to my heart needed too. I wanted to strip away the clinical coldness of modern software and create something beautifully simple that could be truly, deeply helpful on someone's hardest days
⚠️ The Problem
Traditional health apps suffer from "Data Collection Theater." They force users suffering from chronic illness or fatigue to rate dozens of variables daily, causing severe decision fatigue.
Worse, they act as data sinks, dumping raw, chaotic charts onto doctors. In a high-stakes, 15-minute medical consultation, physicians don't have the time to audit raw logs. They need high-yield, synthesized clinical signals, not noise. Pip bridges this gap by assuming "bad days are the default," capturing symptoms effortlessly, and compiling them into a clean, one-page summary sheet.
đź› The Figma Workflow Pipeline
To bring Pip to life, I leveraged the Figma ecosystem:
Figma Weave: Used to iterate and generate the visual asset layers for Pip’s mascot.
Figma Agent: Brainstormed layouts directly on the canvas, instantly pairing elegant fonts and organizing simple, stress-free forms.
Figma Make: Instantly turned those canvas designs and components into a live, fully working, and responsive web application while allowing rapid iteration.
So I'm dropping my submission: Caelumi :)
Every scroll reveals a moment in time. A story we almost forgot.
It's a scroll-driven exploration of culture, where the interaction
is the narrative.
What I love: building something that feels right, not just works.
That's vibe coding to me.
Let's inspire each other. What are you building?
This is lovely. Did you use figma weave to create the submission video?
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?