Framer Template for Product UX Designer

Yashwanth KM

Yashwanth KM

From Media Operations to Product Design

From Media Operations to Product Design

After 3.5 years optimizing workflows and improving operational efficiency, I transitioned into UI/UX design - applying analytical thinking and structured problem-solving to build meaningful digital products.

Epigamia Turbo – Digital Brand Experience Redesign

Challenge: Product benefits, recipes, and brand values lacked a cohesive digital experience. Solution: Designed a storytelling-driven website with immersive visuals and product education. Outcome: Enhanced brand engagement and improved product discoverability.

Premium UX Template for Framer

Focus

Brand Experience

Platform

Responsive Website

Epigamia Turbo – Digital Brand Experience Redesign

Challenge: Users struggled with fragmented trip planning across multiple tools and chats. Solution: Crafted a seamless mobile journey focused on structured information architecture and intuitive collaboration. Outcome: Reduced planning friction and improved user clarity through iterative prototyping and usability testing.

Focus

Brand Experience

Platform

Responsive Website

Epigamia Turbo – Digital Brand Experience Redesign

Challenge Users struggled with fragmented trip planning across multiple tools and chats. Solution: Crafted a seamless mobile journey focused on structured information architecture and intuitive collaboration. Outcome: Reduced planning friction and improved user clarity through iterative prototyping and usability testing.

Premium UX Template for Framer

Focus

Brand Experience

Platform

Responsive Website

Ghibli Character Intro — AI × Motion × UI Design

Problem: The original layout lacked clear hierarchy, emotional storytelling, and distinctive visual identity. Solution: Used AI tools to generate stylized characters and visual assets, then designed a motion-led interface with structured sections and strong typography to guide user flow. Outcome: Improved storytelling and user engagement.

Premium UX Template for Framer

Specialization

Usability & Clarity

AI Integration

AI-Generated Visual Assets


Ghibli Character Intro — AI × Motion × UI Design

Problem: The original layout lacked clear hierarchy, emotional storytelling, and distinctive visual identity. Solution: Used AI tools to generate stylized characters and visual assets, then designed a motion-led interface with structured sections and strong typography to guide user flow. Outcome: Improved storytelling and user engagement.

Specialization

Usability & Clarity

AI Integration

AI-Generated Visual Assets

TaskHive – Productivity Management Platform

Challenge: Teams lacked a centralized way to manage tasks, track progress, and collaborate efficiently. Solution: Designed a modern SaaS dashboard with streamlined workflows, clear data visualization, and intuitive task management. Outcome: Improved usability, task visibility, and overall workflow efficiency through a scalable interface.

Premium UX Template for Framer

Focus

UX/UI Design

Platform

SaaS Dashboard

TaskHive – Productivity Management Platform

Challenge: Teams lacked a centralized way to manage tasks, track progress, and collaborate efficiently. Solution: Designed a modern SaaS dashboard with streamlined workflows, clear data visualization, and intuitive task management. Outcome: Improved usability, task visibility, and overall workflow efficiency through a scalable interface.

Focus

UX/UI Design

Platform

SaaS Dashboard

GoVihari – Travel Organising App

Challenge: Users struggled with fragmented trip planning across multiple tools and chats. Solution: Crafted a seamless mobile journey focused on structured information architecture and intuitive collaboration. Outcome: Reduced planning friction and improved user clarity through iterative prototyping and usability testing.

Premium UX Template for Framer

Time Taken

6 Weeks

Tools Used

Figma, Ai Tools

GoVihari – Travel Organising App

Challenge: Users struggled with fragmented trip planning across multiple tools and chats. Solution: Crafted a seamless mobile journey focused on structured information architecture and intuitive collaboration. Outcome: Reduced planning friction and improved user clarity through iterative prototyping and usability testing.

Time Taken

6 Weeks

Tools Used

Figma, Ai Tools

Indomie Ramen – Motion × UI Design Exploration

Challenge: Users lacked an engaging and visually immersive way to explore menu variations. Solution: Crafted a motion-led interface focused on playful interactions, bold visuals, and structured content presentation. Outcome: Enhanced visual engagement and storytelling through animation-driven user experiences. Bottom Details

Premium UX Template for Framer

Specialization

Motion & Interaction

Focus

Visual Storytelling

Indomie Ramen – Motion × UI Design Exploration

Challenge: Users lacked an engaging and visually immersive way to explore menu variations. Solution: Crafted a motion-led interface focused on playful interactions, bold visuals, and structured content presentation. Outcome: Enhanced visual engagement and storytelling through animation-driven user experiences. Bottom Details

Specialization

Motion & Interaction

Focus

Visual Storytelling

Process

Your compass to innovation and design excellence. From exploration to execution, this dynamic framework fuels creativity and precision, ensuring your product journey aligns seamlessly with user desires.

Process

Your compass to innovation and design excellence. From exploration to execution, this dynamic framework fuels creativity and precision, ensuring your product journey aligns seamlessly with user desires.

01

Discover

Brainstorming sessions in order to take their needs and company goals into account. Define the scope and objectives of the project and lays a fundamental foundation for everything that comes after.

Develop

Define the user experience, test and evaluate design concepts, and analyze how your designs will inform behavior and effect the experience of the user.

03

Define

Gather additional information about the ideal client, market opportunities and design sprint. Getting direct feedback from users themselves through user surveys and field activities.

02

Deliver

Determine design patterns, elements of template pages, different framework options, and work with developers to test design functionality.

04

Process

Your compass to innovation and design excellence. From exploration to execution, this dynamic framework fuels creativity and precision, ensuring your product journey aligns seamlessly with user desires.

Skills

Skills

UX Design

UX Design

UI Design

UI Design

Product Design

Product Design

Design Systems

Design Systems

AI Workshops

AI Workshops

Wire-Framing

Wire-Framing

Interaction Design

Interaction Design

User Testing

User Testing

Usability Testing

Usability Testing

UX Research

UX Research

Leadership

Leadership

Adobe

No-Code

No-Code

+ More

+ More

Experience

Experience

Media Delivery & Operations Executive

Media Delivery & Operations Executive

Media Delivery & Operations Executive

WPP Media

WPP Media

Dec 2023 - Present

Dec 2023 - Present

UI/UX Design Bootcamp

UI/UX Design Bootcamp

UI/UX Design Bootcamp

PW Skills

PW Skills

Feb 2025 - Aug 2025

Feb 2025 - Aug 2025

UI/UX Designer (Self-Initiated Project)

UI/UX Designer (Self-Initiated Project)

UI/UX Designer (Self-Initiated Project)

GoVihari

GoVihari

Aug 2025 – Sep 2025

Aug 2025 – Sep 2025

Frequently asked questions

What is your design process?

What tools and software do you use for UX design?

How do you measure the success of your UX designs?

Let’s Build Something Great Together

Get in Touch with Yashwanth KM

© 2026 Yashwanth KM. Designed & crafted with joy.

Built With Framer

Let’s Build Something Great Together

Get in Touch with Yashwanth KM

© 2026 Yashwanth KM. Designed & crafted with joy.

Built With Framer

Create a free website with Framer, the website builder loved by startups, designers and agencies.