Completed project
Cardamon AI
Developed a marketing site for an AI-powered compliance automation platform.
Project Scope:
Framer Development
CMS Integration
Responsive Design
Animation Flow
Tools:
Figma
Framer
Year:
2025
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 7 9" xmlns="http://www.w3.org/2000/svg"><g d="M 7 9 L 0 9 L 0 0 L 7 0 Z M 2.813 3.768 C 2.312 3.169 1.788 2.303 1.242 1.167 L 2.193 1.167 C 3.31 2.487 4.499 3.464 5.757 4.098 L 5.757 4.573 C 4.499 5.207 3.31 6.184 2.193 7.504 L 1.242 7.504 C 1.788 6.369 2.312 5.502 2.813 4.903 Z" fill="transparent" height="9px" id="itWK_lza3" width="7px"><path d="M 7 9 L 0 9 L 0 0 L 7 0 Z" fill="transparent" height="9px" id="BKWQFdJ3U" width="7px"/><path d="M 1.571 2.601 C 1.069 2.002 0.546 1.135 0 0 L 0.95 0 C 2.068 1.32 3.256 2.297 4.515 2.931 L 4.515 3.406 C 3.256 4.04 2.068 5.016 0.95 6.337 L 0 6.337 C 0.546 5.201 1.069 4.334 1.571 3.736 Z" fill="rgb(254, 251, 247)" height="6.33664px" id="jWM_PyynS" transform="translate(1.242 1.167)" width="4.51485px"/></g></svg>)
Project Scope
Scope:
Tools:
Timeline:
Collaboration:
Project Goals
We aimed to create a modern and compelling landing experience that would clearly communicate Cardamon’s value in simplifying regulatory compliance through AI — while ensuring scalability and editability within Framer.
✦ Build a structured, conversion-focused landing page for Cardamon
✦ Visually explain each product: Horizon Scanning, Obligation Mapping, etc.
✦ Animate key moments (charts, cards, toggles) using Framer’s component system
✦ Implement CMS for blog articles and testimonials
✦ Ensure responsive, fast-loading, and SEO-friendly delivery
Challenges
The biggest challenge was explaining a dense, highly technical product in a way that felt simple, clear, and visually engaging — without overwhelming the visitor or losing trust
Solution
I translated Cardamon’s product offerings into intuitive content blocks, pairing each with modular Framer components and micro-interactions to improve clarity and retention. Product animations (charts, workflows, benefit callouts) were built using native Framer overrides. I also developed a CMS structure for blog posts and added subtle scroll effects to maintain focus throughout the user journey.
Design Strategy
While working on both design and development, I kept a consistent tone: dark mode interface, glowing accent visuals, and modern typography. These visual choices supported the theme of futuristic compliance tech. Layouts were grid-aligned and built using reusable components to support future updates.
Live Link / Status
Status:
Live preview:
Let’s Build Something Great
Have a project in mind or just want to chat? Book a call or drop me a message. I’m always open to new ideas, collaborations, or helping you level up your product.
or