Isla is a LinkedIn growth platform that evolved from a traditional tool into a system of autonomous AI agents working 24/7 to generate visibility, engagement, and pipeline. The original landing page no longer reflected the product’s core value. It positioned Isla as a feature-based SaaS, creating a gap between what users expected and what the product actually delivered.
2026
Product Designer
UX/UI Design
Motion Design
AI-Assisted Development
Product Analytics
I redesigned and rebuilt ISLA's entire landing page from the ground up.
From the information architecture and visual design to the interactions, animations, and implementation, every section was recreated with a focus on improving clarity, storytelling, and conversion.
One of the most interesting parts of this project was how I built every animation.
I used AI to write 100% of the animation code.
I didn't manually code a single animation.
Everything was created with Claude Code:
I described the desired behavior in natural language.
→ "I want this section to slide in from the left with a 0.4s fade."
Claude generated the complete React component.
→ I reviewed it, made small refinements, and moved to the next interaction.
I repeated the process for every section.
→ Consistent motion design across the entire landing page without manually writing animation code.
Most of the generated code was production-ready with only minor adjustments.
As a Product Designer, this completely changed my workflow. Instead of waiting on engineering resources for every interaction, I could prototype, implement, and iterate on polished experiences myself.
The result was a faster design process, tighter alignment between design and implementation, and a landing page that faithfully matches the original vision.
Isla is a LinkedIn growth platform that evolved from a traditional tool into a system of autonomous AI agents working 24/7 to generate visibility, engagement, and pipeline. The original landing page no longer reflected the product’s core value. It positioned Isla as a feature-based SaaS, creating a gap between what users expected and what the product actually delivered.
2026
Product Designer
UX/UI Design
Motion Design
AI-Assisted Development
Product Analytics
I redesigned and rebuilt ISLA's entire landing page from the ground up.
From the information architecture and visual design to the interactions, animations, and implementation, every section was recreated with a focus on improving clarity, storytelling, and conversion.
One of the most interesting parts of this project was how I built every animation.
I used AI to write 100% of the animation code.
I didn't manually code a single animation.
Everything was created with Claude Code:
I described the desired behavior in natural language.
→ "I want this section to slide in from the left with a 0.4s fade."
Claude generated the complete React component.
→ I reviewed it, made small refinements, and moved to the next interaction.
I repeated the process for every section.
→ Consistent motion design across the entire landing page without manually writing animation code.
Most of the generated code was production-ready with only minor adjustments.
As a Product Designer, this completely changed my workflow. Instead of waiting on engineering resources for every interaction, I could prototype, implement, and iterate on polished experiences myself.
The result was a faster design process, tighter alignment between design and implementation, and a landing page that faithfully matches the original vision.
Isla is a LinkedIn growth platform that evolved from a traditional tool into a system of autonomous AI agents working 24/7 to generate visibility, engagement, and pipeline. The original landing page no longer reflected the product’s core value. It positioned Isla as a feature-based SaaS, creating a gap between what users expected and what the product actually delivered.
2026
Product Designer
UX/UI Design
Motion Design
AI-Assisted Development
Product Analytics
I redesigned and rebuilt ISLA's entire landing page from the ground up.
From the information architecture and visual design to the interactions, animations, and implementation, every section was recreated with a focus on improving clarity, storytelling, and conversion.
One of the most interesting parts of this project was how I built every animation.
I used AI to write 100% of the animation code.
I didn't manually code a single animation.
Everything was created with Claude Code:
I described the desired behavior in natural language.
→ "I want this section to slide in from the left with a 0.4s fade."
Claude generated the complete React component.
→ I reviewed it, made small refinements, and moved to the next interaction.
I repeated the process for every section.
→ Consistent motion design across the entire landing page without manually writing animation code.
Most of the generated code was production-ready with only minor adjustments.
As a Product Designer, this completely changed my workflow. Instead of waiting on engineering resources for every interaction, I could prototype, implement, and iterate on polished experiences myself.
The result was a faster design process, tighter alignment between design and implementation, and a landing page that faithfully matches the original vision.