I designed Elano Studio from the ground up, starting with the complete UI/UX design system and page layouts in Figma, then developing the entire website in Framer. I also created custom Rive animations specifically for the site to give the experience a more distinctive and interactive feel.

Elano Studio needed a premium website capable of presenting a broad mix of branding, development, e-commerce, and AI services without feeling like a traditional agency website. The challenge was to create a visual system that felt distinctive, modern, and flexible while keeping the user journey clear and conversion-focused.

I started by designing the complete website experience in Figma, defining the visual direction, typography, layouts, responsive behavior, reusable UI patterns, and content hierarchy before moving into development.

This made it possible to create a consistent design system across the entire website rather than designing individual pages in isolation.

To make the visual identity more distinctive, I designed and built custom animations in Rive specifically for the website. These animations were integrated into the Framer experience to add motion and personality without compromising usability or performance.

After completing the Figma designs, I built the website in Framer, translating the design system into responsive components, layouts, interactions, and production-ready pages.

I focused on keeping the implementation visually accurate while also making the structure scalable and easy to maintain.

Complete UI/UX design created in Figma

Full website development in Framer

Custom Rive animations designed specifically for the project

Responsive desktop, tablet, and mobile layouts

Reusable Framer components

Interaction and motion design

Conversion-focused page architecture

Performance and SEO-conscious implementation

The result is a fully custom digital experience that combines original UI/UX design, bespoke animation, and responsive Framer development into one cohesive website.