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
CareHabit — Wellness & Habit Tracking 🌱
Small habits can create big changes.
We designed CareHabit as a simple, engaging wellness experience that helps users build routines, stay consistent, and see their progress without making healthy habits feel complicated.
From UI/UX in Figma to a responsive Framer build, we focused on a calm interface, clear interactions, and a seamless experience across devices.
Designed in Figma. Built in Framer. âš¡
→ Live site: carehabit.framer.website
→ Case study: Behance Case Study
UI/UX · Web Design · Responsive Design · CMS · Framer Development
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
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?
Related posts
Most companies need a great website fast.
The problem is, "fast" usually means cutting corners.
I don't.
Here's how I build and launch a website in one week without sacrificing quality.
I only take on one project at a time. If it's your week, you have my full attention. That focus keeps everything moving.
Before I start building, I gather every asset, piece of copy, and reference I'll need. We align on the direction early with moodboards and inspiration, so there are no surprises halfway through.
I also build directly in Framer from day one. Clients actually really love seeing their live website immediately. They can click through it, experience it, and leave feedback on something that already feels real. It also removes the extra design to development handoff that often adds days or even weeks.
After launch, I stick around for another week to make sure everything runs smoothly and fix any small issues.
A clear process creates room for better design.
And that's where I spend my time. Crafting the details, polishing interactions, and making the website feel like a product, not just a collection of pages.
Having a clear process for sure makes room for better design. What you wrote really resonates with me Natália.
contra.com
Natália TÃmea on Contra
View Natália TÃmea’s Profile on Contra, the Independent-first, commission-free freelance marketplace shaping the future of work. Hire a freelancer today!
Brown or yellow, which hero wins?
.
.
I am active on X too — share ideas, talk through problems, connect with people doing interesting things - https://x.com/rightnextstep?s=11
28 voted
33%
56 voted
67%
84 votes
Closed
Hero 2 got my upgoat
Playing around with a scroll-driven 3D animation in Framer.
The "3D" is actually just a video. The animation was made in Blender (not by me), then I exported it as a video and used a component that syncs the video playback with the scroll position.
Pretty cool way to get a 3D-like effect without embedding a real 3D scene.
The quality might look a bit off in places, but I think that's because the animation itself is pretty fast. I'll probably slow it down and see if that improves it.
I used the same setup for a 73-second Seedance film, with scroll controlling video playback. The tricky part was hiding the seams between generated clips so the scrub still felt continuous.