MICAELA DL ✦'s Work | ContraWork by MICAELA DL ✦MICAELA DL ✦
WEB & UI Designer ▫️Framer, Figma, Base44, SVGator, Motion.
Olivera is a timeless, minimal portfolio for designers and creatives, built to do more than show your work.
❇️ FOR YOUR CLIENTS
Your projects are presented in a clean, editorial space. When clients are ready to work with you, a five-step brief shows them a live estimate as they choose services, and lets them book an intro call with your real availability. Confirmation emails go out automatically.
❇️ FOR YOU — A PRIVATE DASHBOARD
Only the owner can access it. It's protected by login, with no public sign-up, so clients never see it.
• Your next call at a glance, with "Add to Google Calendar"
• Your week in a calendar view, color-coded by request
• Every brief in detail, with private notes
• Edit your portfolio right from the dashboard: update your projects, services, prices and availability without touching any code
Fully responsive, in light and dark mode.
I took care of the design and built it with Base44, with Claude helping me write the prompts and review every detail along the way.👩🏼💻
Live: OLIVERA (https://olivera-portfolio.base44.app) 🚀
#Base44Challenge Switched things up a little ✦
New pfp and banner. My profile didn't really feel like me anymore, so I wanted something that represents me a bit more.
What do you think? 🍓 Infinite 3D Card Carousel: one template, any brand
I wanted a carousel that feels physical, with depth, rhythm and focus, but that stays simple enough to reuse in minutes.
The idea: Cards travel on a 3D ring instead of a flat line. The card in the center is in full color, slightly taller and sharp. The cards beside it fall back into grayscale, blur and fade.
The process: I mapped the motion to a fixed set of slots and made every card follow the same path, one step after the previous one. I sampled each move along the arc so the curve stays round, and tuned scale, blur and opacity per slot to create depth without real 3D.
Built to be reused: All the motion lives on the card groups. Everything you edit (image, title, tag, colors) is in clean layers with no animation. You can swap a photo or a line of text without touching a single keyframe.
The same file works as a portfolio, a product catalog, a lookbook, a case-study reel or a team showcase.
Light Mode Template: LIGHT MODE (https://app.svgator.com/editor#/30ffec505bd04c96a73f4d77ebe855d3) 🔥
Dark Mode Template: DARK MODE (https://app.svgator.com/editor#/b114ec21229a46b3b34b13103c21598b) 🔥
Made with SVGator · #svgatorchallenge Meet Event Card, my #svgatorchallenge entry 🎟️
Event Card brings the event sign-up flow to life: a UI element for platforms that manage events, made to feel dynamic and easy to use for any kind of audience 📅
The pack, each one in its own link 🔗
✨ Template Showcase
https://app.svgator.com/editor#/af7a759af732440ba145dc3c26189793
☀️ Light mode template
https://app.svgator.com/editor#/bda41b49a31e4c8796539621582be529
🌙 Dark mode template
https://app.svgator.com/editor#/e6498e34a7ba45089ccdafdb118b7fb8
Every layer is labeled EDIT TEXT / IMAGE / COLOR, so you can swap in your own event without touching the animation 🧩 Made with the SVGator MCP, calendar included.
Would love to hear what you think! ✨
#svgatormcp #uielement #uidesign #motiondesign #microinteractions