Completed project
Arva AI
Designed and developed an AI compliance platform website with Framer, transforming complex use cases into intuitive user flows.
Project Scope:
UX/UI Design
Web Development
CMS
Animation
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
The main goal was to clarify Arva’s value through a frictionless website that could grow with the product. This involved designing modular pages, visualizing product capabilities, and creating interactive elements to showcase AI features.
✦ Translate complex AI-driven use cases into digestible visuals and copy
✦ Create modular landing pages for each core product (Horizon Scanning, Obligation Mapping, etc.)
✦ Build custom Framer components for animations and CMS integration
✦ Optimize UX for early-stage investors and compliance teams
✦ Ensure smooth performance and responsive layout across devices
Challenges
With a technical product like Arva AI, simplifying the message without losing depth was critical. Each page had to balance education, conversion, and credibility — while supporting future content scale.
✦ Communicating AI features without overwhelming users
✦ Creating reusable components across multiple product pages
✦ Aligning with brand tone while improving visual clarity
✦ Maintaining development speed as content evolved
Solution
I redesigned and rebuilt the website from the ground up using Framer. This included developing core product pages, About, Careers, and Blog sections — all powered by a clean CMS structure. Animated elements helped visualize risk detection, ownership mapping, and compliance workflows, improving both clarity and engagement.
✦ Developed fully responsive pages inside Framer
✦ Built custom icons and illustrations aligned to compliance topics
✦ Designed & animated bento card layouts to explain product features
✦ Implemented scalable CMS to handle blog and careers content
✦ Collaborated closely with the client to reflect key messaging shifts
Design Strategy
My strategy was to make something that felt enterprise-ready yet modern. The clean layouts, subtle scroll-based animations, and clear typographic rhythm allow the content to breathe while subtly hinting at Arva’s technical depth. I kept design decisions lightweight and adaptable to scale with product growth.
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