2026
Intro
CodeCraft is an AI-powered platform built to help you work smarter, automate workflows, and turn ideas into results.
I designed the website in Figma and brought the experience to life in Framer, creating a clear, modern interface that communicates the product’s value while keeping the experience simple and engaging.
My Role
Framer Developer
UX and information architecture
Visual identity and brand
High-fidelity UI design
Interaction and motion design
Landing page design and copy direction
Process
I started by defining the structure and visual direction in Figma, focusing on how the story should flow from the hero section through features, benefits, and calls to action. From there, I translated the designs into Framer, refining layouts, interactions, responsiveness, and animations to create a polished experience that felt consistent from design to development.
Lesson
Moving from Figma into Framer helped me see how spacing, responsive layouts, interactions, and component structure need to work together beyond the static design. I also learned that a strong SaaS website doesn’t need to overcomplicate its message; clear hierarchy, focused visuals, and purposeful interactions can communicate a product’s value much more effectively.
