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
IKIGAI — Find Your Future-Fit Career
The Problem:
Students pick careers blind — no tool connects who they are to what the job market actually needs. Existing career quizzes ignore labor market data, and BLS projections are buried in spreadsheets no student will read.
The Solution:
A 10-minute AI-powered assessment that maps your personality, strengths, and values to 923 real careers — scored against Bureau of Labor Statistics growth projections. An AI reranking pipeline personalizes your top matches with custom career narratives.
Workflow — Figma MCP × Claude Code × Vercel:
Built end-to-end using Figma's MCP server connected to Claude Code — bridging design and code in both directions. From pulling design context into the codebase to pushing the live site back into Figma for iteration. Deployed to production via Vercel.
Live project: https://app-five-neon-81.vercel.app
Figma project: https://www.figma.com/make/cNWnVwSv2uhSsWKdeFBVgg/Dark-themed-landing-page-design
This is really great!
Appreciate it, Dylan. I had a lot of fun making this and feel really connected to it!
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
Designed the landing page for Smug — an AI support agent that resolves tickets, knows exactly when to escalate to a human, and has zero interest in pretending otherwise.
Most AI support tools go the humble, over-apologetic route. Smug does the opposite — the whole brand is built around a smug little cat mascot and copy like "Handled it. You're welcome." It's a genuinely fun brief: figuring out how to make confidence read as charming instead of obnoxious.
Bold electric blue and orange instead of the usual muted SaaS palette, because a product this confident shouldn't look shy about it. 💙
cool
A little peek at the project I started this week.
A new hero section for Precept — a project management tool for creative agencies and studios.
Designed in Figma, with development in Framer planned next.
Very excited to see the whole thing come together 🔥
Modern, modern, modern
A good landing page shouldn’t make you work to understand it.
Been working on a new project where the goal was simple:
Make a complex product feel simple, clear, and easy to explore.
Less explaining.
Less clutter.
More visual hierarchy.
A clearer path to the next step.
Still working through the details, but this one is coming together nicely.
Full case study soon.
This pairs well with the Hire Hangar screenshot because the design itself demonstrates the point—you don't need to reveal the whole project yet.
Appreciated @Mehdi Hassan
keep on rocking