lotfi harbaoui's Work | ContraWork by lotfi harbaoui
lotfi harbaoui

lotfi harbaoui

Product designer

New to Contra

lotfi is ready for their next project!

A 21-second cinematic short film built with Renoise Canvas and FacePass. The narrative follows a gritty gym training session with macro shots of chalk, sweat, and muscle tension before an unexpected plot twist reveals the athlete is actually a classical marble sculpture in a museum. Created entirely with AI-generated video using Renoise's Start/End Frames feature for seamless morphing.
2
75
Hearth — a marketplace where every handmade piece comes with the maker's own voice. Category: Marketplace What it does: Hearth is a marketplace for handmade goods where every product listing includes a short audio story — the maker's own voice telling you where the piece came from, how it was made, and what it means. Buyers browse by craft (ceramics, textiles, jewelry, woodwork, and more), open a listing, hear the maker, and connect directly to purchase. Makers get their own dashboard to manage their profile and listings. It turns shopping from reading a product description into meeting the person behind the object. How I built on the Bubble AI base: Hearth started from a single Bubble AI prompt, which generated the foundation — the data model, the core pages, and the marketplace structure. From there I built the layer that makes it Hearth: a voice data architecture where every product carries an audio story, a custom-built audio player wired with dynamic data so each maker's voice plays inside their listing, a fully rebuilt and photographed browse experience, working maker profiles and dashboard, and a warm editorial design that ties the whole concept together. The AI gave me a marketplace; I gave it a voice. https://lotfiharbaoui84-12043.bubbleapps.io/
8
10
1.4K
Naqsh (نقش) is a living mosaic wall the world builds together. Place a ceramic tile on an authentic 8-fold Islamic geometry grid, and watch it appear in real time on every visitor's screen then rise into a 3D courtyard with ambient oud and a craftsman's voice. Every tile is permanent. The wall remembers every hand that touched it. Built solo in Tunis. How it was built: I wrote the zellige geometry as pure mathematics and injected it into Figma Make, wired Supabase realtime for live multiplayer, and used Three.js for procedural 3D extrusion + ElevenLabs for the audio layer. Stack: Figma Make · Supabase Realtime · Three.js · ElevenLabs · Framer Motion Try it live: https://kinder-invite-70374850.figma.site/
8
9
490
Cover image for CapCut — The Art of
CapCut — The Art of the Cut Main Direction Tag Direction A: CapCut as a Different Industry Concept Statement CapCut The Art of the Cut reimagines CapCut as a Mediterranean heritage design maison, built on the oldest form of "cut and assemble" in history: the mosaic. Long before timelines and keyframes, the Mediterranean was full of master editors. In Carthage and Roman Africa, artisans cut thousands of tiny stone tiles — tesserae — and placed them, fragment by fragment, into mosaics that still glow on the floors of the Bardo in Tunis two thousand years later. That is editing at its origin: take many small pieces, place them with intention, reveal a whole greater than its parts. In this world, the scissors in the CapCut logo are no longer a UI icon — they are the artisan's blade. Every project is a mosaic, every cut is a tessera, every export is a masterpiece revealed. The palette is drawn from the coast: Sidi Bou Said cobalt, chalk white, sun-baked terracotta, and brass. The brand speaks slowly and confidently, like heritage — but moves like modern AI. It stays true to CapCut's spirit: still the creator's companion, the thing in your hands that turns scattered fragments into something whole. We just gave that idea a 3,000-year-old soul. I built the entire identity inside CapCut Design Studio logo system, key visuals, packaging, merchandise, app UI, and brand story iterating with its AI agent directly on the canvas. Cut. Place. Reveal. Project Information Creator: Lotfi Harbaoui Work Title: CapCut — The Art of the Cut Main Direction: Direction A CapCut as a Different Industry Contact: lotfiharbaoui84@gmail.com (mailto:lotfiharbaoui84@gmail.com)LinkedIn: https://www.linkedin.com/in/lotfi-harbaoui-195009224/ (https://www.linkedin.com/in/lotfi-harbaoui-195009224/)X: @Luka_Web3_ Live posts: X: https://x.com/Luka_Web3_/status/2061775999235162456 (https://x.com/Luka_Web3_/status/2061775999235162456)LinkedIn: https://www.linkedin.com/posts/lotfi-harbaoui-195009224_capcutdesignstudio-ugcPost-7467541762232909824-z39H
9
13
933
an AI receptionist that books appointments 24/7 It uses ElevenLabs V3 voices sounds completely human.
1
77
Introducing Sentinel your Solana on-chain bodyguard. Paste any token or wallet → get an instant rugcheck verdict in plain English. Flags mint authority, liquidity risks, rugged creators, holder concentration all in 2 seconds.
1
56
News is slow. Text-heavy. Locked behind language barriers. So I built BriefBot a live AI voice news anchor. Ask it anything → @firecrawl_dev searches the web → @elevenlabsio speaks the answer back to you 4 languages auto-detected Zero hallucination — real sources only Live ticker + morning briefing
1
35