Zoriah Cocio
Product Engineer for SaaS, AI & React Apps
New to Contra
Zoriah is ready for their next project!
Threadline — an interactive visual journaling experience, with walkthrough video
project live demo link:
https://change-height-01239730.figma.site/
Link of figma project:
https://www.figma.com/make/g3yDxPG9HUqPes1raVNhUs/Threadline-interactive-experience?t=GSEKSXhZOoIR3MJR-1
Figma X Contra challenge
Most journaling tools flatten memory into text boxes. Threadline turns memory into something you can see and touch. You enter a few real moments from your life, choose a thread color for each, and weave them into a canvas. The heavy ones show up as knots.
You can open a knot, sit with what it carried, and reframe it in your own words. Not to erase it.. just to hold it differently. When the thread softens, the memory stays. It just doesn't pull the same way. At the end you're left with a woven cloth made from your own story.
I built this for people who carry things they don't always know how to say out loud. Grief, change, loss, starting over.. those don't fit neatly into a journal entry. Sometimes it's tangled. Sometimes you don't know where to start. Threadline gives that a form: memories become threads, weight becomes tension, unresolved moments become knots, and reframed meaning becomes a gold stitch.
The flow: add your moments → choose thread colors → generate your Threadline → open a knot → reframe it → keep or share the cloth.
It's quiet on purpose. No streaks, no metrics, no gamification. Just a place to put what you've been carrying.
And honestly, if you're carrying something right now: you don't have to carry it perfectly. That's the whole point of this thing.
0
83
FRIDAY Personal Mission Control is a speculative AI interface I wish existed: a cinematic operating system for daily life.
Instead of showing tasks as a boring checklist, FRIDAY turns your day into a live mission briefing. It analyzes priorities, deadlines, risks, energy, creative goals, finances, and personal context, then visualizes them as a futuristic command center with holographic panels, risk alerts, and recommended next actions.
I built the project in Melius using an agent-led workflow. I started with a broad creative brief, asked the Melius agent to develop the concept and visual system, generated multiple UI and cinematic image directions, refined the strongest outputs, and used video generation to create a stitched product-style walkthrough with scene-reactive sound design.
Process Steps
Started with the idea: “What if everyone had FRIDAY for real life?”
Used a Melius agent to expand the concept into a visual product workflow.
Asked the agent to define the visual system, submission strategy, and scoring opportunities.
Generated cinematic UI concepts for the dashboard, morning briefing, risk scan, task transformation, and mobile companion.
Refined the strongest outputs into one cohesive product direction.
Generated a stitched walkthrough video showing FRIDAY turning daily chaos into an actionable mission plan.
Improved the transformation sequence, unified the presentation in 16:9, and extended the final stitched video with matching scene-reactive sound design.
Feedback on Melius
Melius was useful because it let me treat the project like a visual production board instead of a single prompt. I used the canvas to move from concept development to visual direction, image generation, video stitching, sound design refinement, and final critique.
It made the creative process feel more like directing a small AI production team than just generating one asset at a time. 😊
Project Link: https://app.melius.com/projects/2f70d82c-46f1-4a3a-8c23-0758331085ee/canvas/6ff9a7ad-2540-4bc3-a5ed-ab43c03700e6
1
113
LedgerLine — Fullstack SaaS Admin Experience
0
0
FrontGuard — Interactive Security for Frontend Developers
0
0
SpendBoard — SaaS Dashboard for Financial Visibility
0
0
RevAssist — AI Workflow Interface for Structured Review
0
0