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
🧭 Self-Cartography: A Living Atlas
Recognizing a pattern is not the same as understanding what produces it.
That distinction became the foundation of something I've been developing for a long time, and with @Base44, I was able to bring it to life as an interactive experience.
Self-Cartography isn't another personality test or self-improvement checklist. It's a collection of instruments designed to help people examine their experiences without being told what those experiences mean.
🌎 The Living Atlas: Eleven territories of human experience.
🔎 The Prism: One experience examined through six different perspectives.
⚖️ The Decision Matrix: A way to separate evidence from assumptions and examine choices with greater clarity.
🗺️ The Personal Atlas: Connected reflections, actions, and check-ins that create continuity over time.
My goal was to build something that doesn't hand people answers, but gives them better ways to investigate their own.
I'm especially proud of bringing together custom cartographic artwork, interactive storytelling, and connected workflows in one experience.
Explore. Understand. Choose. Become.
Built with @Base44 for the #Base44Challenge.
I'd love to hear which instrument you'd explore first!
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
Photographer Portfolio Website
"Capturing light, emotion, and the moments you never want to forget." That line set the tone, and the layout follows it.
The hero is one motion-blurred portrait washed in red. The photographer's name runs across the bottom in a condensed white face, so large the screen cuts it off. The photo keeps its soft focus, and the name still reads first.
Thin grid lines split the page into narrow columns, and the small copy sits justified inside them. The loose photo gets a strict structure to lean on.
A single round red button with an arrow sits right on the letters and marks where to go next.
Designed by the Hue & Machine team.
#WebDesign #Photography #PortfolioWebsite #EditorialDesign #Typography #UIDesign #ProductDesign #CreativeDirection #ResponsiveDesign #FigmaDesign
The heavy condensed white FLORENCE over the red portrait is bold, and keeping the same red across phone, laptop and type tile makes the case study read as one system. Did the red come from the photographer's own work, or was it your call?
A website hero and motion identity concept for Cycle.
The experience takes the viewer through seven historical eras in one continuous forward journey, while the logo, camera path and core composition remain consistent.
The concept explores how a static identity can become a living digital experience through motion, environment and interaction.
Workflow included Spline, Claude via MCP, Midjourney and SeaDance.
Available for brand identity, motion and digital design projects.
I fall in love, It is like Encarta, but 1000% better
Rebuilt my portfolio with AI and added new case studies.
Brand, web, and product UI. All custom coded, all in one page.
One page with brand, web and product UI together is a strong move. Clients see the range without clicking around. Rebuilding mine with AI coding tools taught me the same thing: the speed lets you spend the saved time on the case study writing, which is what actually wins work.