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
Back to feedPost
We created interactive UI animations for an educational platform, utilizing Rive's State Machine to build smooth, dynamic step-by-step flows. You can test the live interactive versions yourself using the links below.
https://rive.app/marketplace/22691-42454-ui-interactive-animation/
https://rive.app/marketplace/22693-42456-interactive-ui-animation-for-website/
https://rive.app/marketplace/22860-42727-ui-interactive-animation/
https://rive.app/marketplace/22692-42455-case-study-ui-animation/
Looks great
Great work๐๐ฅ๐ฅ
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
Related posts
The most ignored screen in any app is the loading screen.
So when this dating-safety app needed one, we didn't reach for a spinner.
The app flags red flags in your chats. Built in Rive: vector-crisp, ~85KB, native 60fps.
First in a series on the Rive work we've shipped lately.
Check it out
Nice, I too trying to get my hands on rive. Find it bit difficult to understand for now. ๐
For the #CapCutDesignStudio Challenge, I created ๐๐ฎ๐ฝ๐๐๐ ๐ฉ๐ถ๐๐ถ๐ผ๐ป โ a concept that reimagines CapCut as a wearable technology companyย ๐
[๐๐ถ๐ฟ๐ฒ๐ฐ๐๐ถ๐ผ๐ป ๐] ๐๐ฎ๐ฝ๐๐๐ ๐ฎ๐ ๐ฎ ๐๐ถ๐ณ๐ณ๐ฒ๐ฟ๐ฒ๐ป๐ ๐๐ป๐ฑ๐๐๐๐ฟ๐
CapCut Vision transforms CapCut from a video editing platform into an AI-powered smart eyewear ecosystem designed for the next generation of creators. CupCut Vision allows creators to capture moments, transform them through AI, and instantly share them with the world.
I was inspired by CapCut's mission to make creativity accessible to everyone, and I imagined a future where capturing, editing, and sharing content happen as one seamless experience.
[๐ฃ๐ฟ๐ผ๐ท๐ฒ๐ฐ๐ ๐ข๐๐ฒ๐ฟ๐๐ถ๐ฒ๐]
For this submission, I developed:
โข Brand Concept
โข Visual Identity System
โข Product Design Language
โข Smart Glasses Design
โข Packaging Experience
โข Creator Ecosystem
โข Presentation Deck
[๐ช๐ผ๐ฟ๐ธ๐ณ๐น๐ผ๐]
To demonstrate my workflow, I also included:
โข Recording of the entire creation process
โข Brand Concept Presentation
โข Complete Design Studio chat history
[๐ ๐ ๐๐
๐ฝ๐ฒ๐ฟ๐ถ๐ฒ๐ป๐ฐ๐ฒ] โค๏ธ
One thing I genuinely enjoyed while working on this project was how intuitive CapCut Design Studio feltย โค๏ธ
I realized that great results don't necessarily come from writing perfect prompts. Most of my process involved combining references, exploring visual directions, refining ideas, and iterating creatively. Design Studio made it easy to move from inspiration to concept development and final presentation within a single workspaceย ๐ฅ๐ฅ๐ฅ
[๐๐ฒ๐๐ถ๐ด๐ป ๐ฆ๐๐๐ฑ๐ถ๐ผ ๐๐ฒ๐ฎ๐๐๐ฟ๐ฒ๐ ๐จ๐๐ฒ๐ฑ]
Throughout the project, I used Design Studio for inspiration gathering, visual exploration, product ideation, branding, packaging concepts, and ecosystem development.
Thank you to the CapCut team for creating a platform that encourages experimentation, creativity, and explorationย ๐ซถ
[๐๐ถ๐ป๐ธ๐]
CupCut Design Studio Chat History: https://www.capcut.com/ai-design?shareId=7647947968217202695
Brand Concept Presentation: https://www.figma.com/proto/reTVCLZxw73WBxxaJOePS0/CAPCUT-VISION?node-id=1-285&viewport=701%2C169%2C0.02&t=Z6lxfa2Fi8czJOxo-1&scaling=contain&content-scaling=fixed&page-id=0%3A1
Video explainer (the same as attached): https://docs.google.com/videos/d/1SSDBHyguM5hNoItyjONVOOouXbL54xgNCdo3w-8jDv8/edit?usp=sharing
If you like this concept and the work behind it, Iโd be incredibly grateful for your support. Every like, comment, share, or vote means a lot. Thank you! ๐
Amazing concept! ๐ I really like how you reimagined CapCut as a wearable tech brand
My favorite part is the AI ecosystem around the glasses. Curious, which part of the project was created first, the eyewear design or the ecosystem idea behind it? ๐
The animation process - Timelapse ๐โโ๏ธ
Full video - https://youtu.be/WCYyfGSN1O0?si=ABkDd2Q9oOjg-yxE
Nice bro๐๐ป
Challenges
View all
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. Whatโs yours right now?
