Yosep Rendi - Vibe Coding | Contra
Work by Yosep Rendi
Sign Up
Post a job
Sign Up
Log In
Yosep Rendi
Brand & Product Designer | AI-Powered Workflow
Message
Follow
Ready for work
Yosep is ready for their next project!
Followed by
Nicolas P
,
Eniola S
, and
Rifat I
Indonesia
Work
Posts
About
Indonesia
2
Built a padel court booking app called Padelion with Lovable. Pick a day, time and duration, then pay. You can pay a down payment or the full amount. Every booking gets a QR ticket for check-in. Owners and admins manage courts, bookings and payments from a dashboard. Live demo: https://padelion.lovable.app/ Would love your feedback.
2
96
1
VORTX- Brand Identity
1
10
1
What if a 19th-century ceremonial textile became a contemporary fashion identity? PELEPAI translates Lampung’s symbolic ships, figures, geometry, colors, and textile techniques into a bold visual identity expressed through fashion and film. Discover the full brand world: https://on.contra.com/zgtDTd (https://on.contra.com/zgtDTd)Original artwork from The Met: https://www.metmuseum.org/art/collection/search/855873 Created with @FLORA
1
206
7
Building PULS – A Cycling App That Makes Every Ride Worth Sharing PULS is a dedicated cycling tracker designed for riders who want more than just numbers. It focuses on clean ride tracking, meaningful progress, and beautiful achievement cards that are ready to share. The app lets cyclists track distance, speed, elevation, cadence, and duration in real time. After every ride, users get a clear summary and can turn their performance into a custom visual card — complete with route map, key stats, and personal highlights — then share it directly to Instagram, WhatsApp, X, and more. How I built it: Step 1. I started by writing a detailed Product Requirements Document using Claude through MCP. This PRD became the foundation for the entire product. Step 2. I used Flowstep to generate the initial UI designs directly from the PRD. This gave me a complete starting point for the full user flow — from onboarding and live tracking to ride summaries and the achievement card editor. Step 3. I moved everything into Figma to refine the design system, improve visual hierarchy, polish spacing, and make every screen feel consistent and premium. Step 4. Once the designs were finalized, I brought them back into Flowstep to create interactive prototypes and validate the experience. Step 5. Finally, I used Claude via MCP again to help turn the polished designs and prototype into a working product. The result is a focused cycling app that combines accurate tracking with a shareable, aesthetic layer that most fitness apps still lack. https://app.flowstep.ai/file?activeFileId=beabc6f4-e8a6-48f6-b457-0b91fdb15f62
3
7
429