I had some spare time the last weeks to revamp my portfolio... again. Vibe coding with Claude is ...I had some spare time the last weeks to revamp my portfolio... again. Vibe coding with Claude is ...
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
I had some spare time the last weeks to revamp my portfolio... again.
Vibe coding with Claude is just too fun. Hoping this makes my personal portfolio hard to forget and a little more fun for recruiters and future clients to browse.
Also if you have time I would love to see some people try out the footer. You can draw your own sketch and send it to me! Will post a collection of I get enough participation.
The goal of making a portfolio enjoyable to browse—not just complete—is a smart one. Claude may speed up the build, but the memorable interactions and recruiter-friendly flow still come from clear creative direction.
The interactive sketch footer is such a brilliant touch for making a portfolio memorable. How are you processing and storing the drawings submitted by visitors via Zapier?
Hi Ilya thank you! It actually came from my previous portfolio. You could draw on the page but is served no purpose. So I thought why not make it interactive.
I connected it through Make.com . I tried out Zappier but it was a paid service and Make.com has been free so far....
The drawable footer is the smart part: it turns a passive browse into one small action, which is exactly what makes a recruiter remember you and reach out. I'd just make sure it degrades gracefully on mobile so the memorable bit never becomes the janky bit.
Back in 2016 I made a lot of cinemagraphs for HBO.
They took a surprising amount of work. Masking footage, finding the right loop, freezing parts of the frame and getting everything to transition cleanly.
I’ve had an idea for a simpler cinemagraph tool kicking around in my head ever since.
About a month ago I built another small tool using Toolcraft as the starting point, so yesterday I wanted to see if it could handle this idea too.
A few hours later I had a working cinemagraph editor.
Drop in a video → find your loop → choose how it loops → paint the areas you want to keep still → export.
Basically the workflow I used 10 years ago, condensed into a few controls.
Still rough around the edges, but kind of wild to finally build a tool I’ve been thinking about for a decade.
The masking-and-looping history is exactly why a simpler cinemagraph workflow feels valuable; the tricky part is preserving a seamless transition without making the tool feel like a timeline editor. Curious direction for an AI-assisted app.
→ The wordmark sits at eye level, spanning the full width, cutting across the middle of the space. Here the type claims the room, and because the interior is symmetrical and calm, it can take the weight.
→ A high-contrast serif against soft plaster. The architecture is all curves and matte texture, so the type brings the only sharp edges in the frame. Contrast without adding a single element.
10 down, 20 to go. A third of the way.
Template by Hariom, adapted and customized by me. Interior imagery generated with AI.
Contrast without adding a single element is such a clean way to put it. With 20 more of these to go, are you locking the typographic approach per venue type, or is Ofelia's centered serif going to be the constant across the whole 30?