Zakaria Be's Work | ContraWork by Zakaria Be
Zakaria Be

Zakaria Be

Creative talentend designer,voice over , marketer

New to Contra

Zakaria is building their profile!

Cover image for I always dreamed to see
I always dreamed to see my parents journey , not just listening stories but live them , see pictures and videos date by date , listening to live voices , see the write locations here when I asked this question : What if we stopped writing memories and started building universes? we didn’t live that withe our parents , but our sons will  Chronicle is an interactive life preservation platform that transforms a human life into an explorable cosmos. Instead of flat journals or photo albums, users create a living, breathing galaxy of their existence — where every memory is a star, every person is a planet, and every year is a constellation waiting to be discovered. Chronicle reimagines autobiography as a spatial experience. 12 interconnected screens create a complete universe: • The Portal — A cinematic entry into your cosmos • The Genesis — Profile creation as origin story • The Constellation — Years as glowing star clusters • The Orbit — People as planets orbiting your life • The Memory Core — Immersive memory exploration with emotional tone mapping • The Thread — AI-powered connection mapping between memories • The People Web — Relationship network visualization • The Map of Moments — Geographic memory mapping (including my home) • The Voice Vault — Audio archive with voice evolution comparison • The Letter Room — Time-capsule letters to future loved ones • Legacy Mode — Family view with life chapters and guided questions • The Echo — AI conversation trained on your memories, allowing loved ones to "talk" to you after you're gone Why I Built This : Because I always dreamed to see my parents live like I said  And because  I spent two years in darkness. Then Im rebuilding myself . One day, my son will wonder who his father was. I don't want him to read about me. I want him to walk through my life, hear my voice, and ask me questions — even when I'm not there. Built entirely in @Flowstep using a single comprehensive prompt and iterative refinement across 12 screens. Walkthrough video included showing the full multi-screen flow and the Flowstep canvas behind the design. x poste : https://x.com/themesotheliom/status/2082475815569084675?s=20 the project : https://app.flowstep.ai/file?activeFileId=960f8c3b-b788-423b-a6fb-dcb7a24ba539
1
2
134
While other entries showcase beautiful design, Veer proves that @Squarespace + Finish Layer can build emotional experiences that drive real outcomes — not just impressions, but income Veer — Your AI Career Partner Veer is an AI-powered career companion designed to help people escape paycheck-to-paycheck living by building marketable digital skills and sustainable online income streams. The platform targets three audiences: limited-income earners seeking financial freedom, skill seekers looking for structured learning paths, and businesses wanting to upskill their teams without expensive consultants. Design Vision: The brand identity revolves around a futuristic yet approachable aesthetic. The floating robot mascot, Veer, serves as a friendly AI guide — making artificial intelligence feel personal and accessible rather than cold and intimidating. The deep purple-cobalt gradient palette creates an immersive, premium atmosphere while maintaining warmth through soft glow effects and smooth animations. Key Features Built with Squarespace & Finish Layer: Immersive Hero Section — A full-screen introduction featuring Veer floating in space with continuous glow animations, establishing immediate emotional connection. Dynamic Services Showcase — Four skill paths (Digital Marketing, Freelancing, Content Creation, E-Commerce) presented in glass-morphism cards with hover-triggered scale transforms and color shifts. Live Stats Ticker — A seamless marquee animation displaying real-time credibility markers (3K+ Students, 12+ Countries, $2.0M+ Revenue, 4.9 Rating) using Block Transforms for continuous horizontal motion. Interactive Income Simulator — A custom-built calculator that lets visitors slide their available hours, select their skill path, and see their projected monthly income animate in real-time. This transforms passive browsing into active engagement. Smart Audience Segmentation — Three distinct user pathways (Limited Income Earners, Skill Seekers, Business) each with tailored messaging and clear value propositions. Floating Chat Button — A persistent "Chat with Veer" widget that reinforces the AI companion concept and invites immediate interaction. FAQ Accordion — Smooth expand/collapse animations with Stack grouping for perfect mobile responsiveness. Finish Layer Tools Used: • Block Animations: On Hover + Squish for all CTA buttons; Loop + subtle Jitter for Veer's idle state; On Appear + Jump for section titles • Block Transforms: Continuous translateX for the stats marquee; Scale 1.05 on button hover; Dynamic offset for card interactions • Stacks: Grouped service cards maintaining alignment across all breakpoints • Custom Font Integration: Typography selected to reinforce the futuristic yet friendly brand voice The result is a website that doesn't just inform — it inspires action. Every scroll, every hover, every interaction is designed to make visitors feel that building a second income is not just possible, but inevitable with Veer by their side. the web site : https://cobalt-strawberry-l77t.squarespace.com/ password : veerpro x poste : https://x.com/themesotheliom/status/2080515155805213127?s=20 thank you :)
1
129
Celebrating my 10th anniversary with @Envato ! 🎉 I decided it was time to be more than just a customer—I wanted to become a creator and contributor as well. For this challenge, I created a promotional video for my own project, the one I previously shared with you @Contra . I used Envato's AI tools, along with Envato Elements, templates, and creative assets to bring the idea to life. The initial results were great, but I made my own creative decisions along the way—rejecting, refining, and replacing elements until I achieved the final version I envisioned. Watch the full video to see the complete creative process. I'd love to hear your thoughts! 🚀 X poste : https://x.com/themesotheliom/status/2078865055408415031?s=20
2
127
Two years of depression , @Base44 gave me a spark the story : I am Zakaria. I am the owner. I am the builder. I am the comeback. all the details in the video : - live, usable website - My business brand, UX, and mobile responsiveness - 4 automations : save time and hard work , increase leads , better customer experience - Khalil ( superagent AI) - befor and after the solution with @Base44 link : https://nacer-supply.base44.app/ x poste : https://x.com/themesotheliom/status/2076025974232129972?s=20 #GiveItAGlow 
1
2
115
After two years of depression, @Base44 gave me a Spark the story in the video : I am the owner. I am the builder. I am the comeback link : https://nacer-supply.base44.app/ x poste : https://x.com/themesotheliom/status/2075631940250505710?s=20 Hope i will not go back there . thank you ! #GiveItAGlow (https://x.com/hashtag/GiveItAGlow?src=hashtag_click)
1
88