About me
Shruti Katkar
Hi, I’m Shruti Katkar, a Product Designer with over 8 years of experience designing user-centered digital experiences across SaaS, e-commerce, and education.
To create impactful user experiences I research each audience with real depth, codify what I learnt into design principles that engineers can apply directly, and ship code-based outputs that work tomorrow, not mockups that sit in review. I partner with product leaders who own outcomes and engineers who ship code. I push back when requests hurt user experience. I own the design process end-to-end.
what I can do for you
As a digital designer, I am a visual storyteller, crafting experiences that connect deeply and spark creativity.
1. LXD
Design simulation-based, learner-centered experiences
Translate complex systems into clear learning journeys
Build scenario-driven, interactive learning flows
Reduce confusion and accelerate learner outcomes
2. Instructional Design
Apply action mapping to define learning strategies
Design structured learning paths and objectives
Create assessments and meaningful feedback loops
Align learning outcomes with user needs
3. E-Learning Developer
Build interactive courses in Articulate Storyline 360
Develop simulations, branching, and drag-and-drop flows
Integrate multimedia, AI voice, and visuals
Ensure accessibility (WCAG 2.1 AA compliant)
4. LMS Administration
Deploy and manage courses on Moodle and Canvas
Structure learning content for smooth delivery
Track learner progress and course performance
Maintain organized and scalable course systems
5. Design Systems & UX
Create scalable design systems in Figma
Design intuitive, user-centered interfaces
Conduct user research and usability testing
Ensure consistency across digital products
1. LXD
Design simulation-based, learner-centered experiences
Translate complex systems into clear learning journeys
Build scenario-driven, interactive learning flows
Reduce confusion and accelerate learner outcomes
2. Instructional Design
Apply action mapping to define learning strategies
Design structured learning paths and objectives
Create assessments and meaningful feedback loops
Align learning outcomes with user needs
3. E-Learning Developer
Build interactive courses in Articulate Storyline 360
Develop simulations, branching, and drag-and-drop flows
Integrate multimedia, AI voice, and visuals
Ensure accessibility (WCAG 2.1 AA compliant)
4. LMS Administration
Deploy and manage courses on Moodle and Canvas
Structure learning content for smooth delivery
Track learner progress and course performance
Maintain organized and scalable course systems
5. Design Systems & UX
Create scalable design systems in Figma
Design intuitive, user-centered interfaces
Conduct user research and usability testing
Ensure consistency across digital products
1. LXD
Design simulation-based, learner-centered experiences
Translate complex systems into clear learning journeys
Build scenario-driven, interactive learning flows
Reduce confusion and accelerate learner outcomes
2. Instructional Design
Apply action mapping to define learning strategies
Design structured learning paths and objectives
Create assessments and meaningful feedback loops
Align learning outcomes with user needs
3. E-Learning Developer
Build interactive courses in Articulate Storyline 360
Develop simulations, branching, and drag-and-drop flows
Integrate multimedia, AI voice, and visuals
Ensure accessibility (WCAG 2.1 AA compliant)
4. LMS Administration
Deploy and manage courses on Moodle and Canvas
Structure learning content for smooth delivery
Track learner progress and course performance
Maintain organized and scalable course systems
5. Design Systems & UX
Create scalable design systems in Figma
Design intuitive, user-centered interfaces
Conduct user research and usability testing
Ensure consistency across digital products
Discover My Journey in Design
My foundation in Communication Design, developed through my Master's in Milan, gave me a strong grasp of how people interpret, navigate, and respond to visual and digital experiences. But my real strength has been built through practice across remarkably diverse user groups.
At WhiteHat Jr, I designed learning experiences for children aged 6 to 14, which demands an entirely different design vocabulary: age-appropriate interactions, high engagement, low cognitive load, and zero margin for confusion. At the University of Toronto, I worked with graduate students and researchers from varied academic and cultural backgrounds, where clarity, accessibility, and trust in the interface were critical to their daily work. And through freelance e-commerce work with clients on platforms like Shopify, Framer, and Etsy, I learned how to balance user needs against real business constraints, conversion goals, retention, and commercial outcomes.
That range has made me genuinely empathetic as a designer. I don't assume I know what users need. I listen, observe, and let their behaviour and context inform the solution.
The result is design that works for real people, not idealized personas.
Learning Experience Designer
Freelance
2024 - 2025
Learning Experience Designer
Freelance
2024 - 2025
Learning Experience Designer
Freelance
2024 - 2025
User Experience Developer
University of Toronto
2024 - 2025
User Experience Developer
University of Toronto
2024 - 2025
User Experience Developer
University of Toronto
2024 - 2025
Lead Industrial Designer
SGi Lighting
2023 - 2024
Lead Industrial Designer
SGi Lighting
2023 - 2024
Lead Industrial Designer
SGi Lighting
2023 - 2024
Learning Experience Designer
WhatHatJr.
2020 - 2022
Learning Experience Designer
WhatHatJr.
2020 - 2022
Learning Experience Designer
WhatHatJr.
2020 - 2022
Front End Design/Developer
Par5
2018 - 2019
Front End Design/Developer
Par5
2018 - 2019
Front End Design/Developer
Par5
2018 - 2019
My Tech Stack
I build with intention. Framer for fast, interactive web design. Figma for clean interfaces. Notion and X for content. Each tool supports how I think, design.
Framer
My creative playground for building interactive and responsive websites—fast, flexible, and no code.
Figma
Where I build and maintain design systems, design wireframes, interactive prototypes and collaborate on design sprints.
Articulate Storyline
My go-to for E-learning course design tool—perfect for building simulation based interactive e-learning courses.
Adobe Indesign
My go-to tool for creating professional page layouts, ranging from print brochures and books to digital magazines and interactive PDFs
Notion
My "design management center" to build design documentation, collaborate with the team, organize projects and track project timelines.
Spline
My tool for bringing 3D visuals into the web—perfect for adding playful, interactive depth to projects.
Lemon Squeezy
My trusted solution for managing payments and licensing digital products effortlessly.
Design with Strategy and Creativity
My process blends strategy and creativity to address challenges, craft solutions, and deliver designs that effectively communicate your message.
01.
Research & Strategy
In this phase, I dive deep into understanding your business, target audience, and project goals. Through research and strategic planning, I create a clear roadmap to guide the entire design process.
01.
Research & Strategy
In this phase, I dive deep into understanding your business, target audience, and project goals. Through research and strategic planning, I create a clear roadmap to guide the entire design process.
02.
Concept & Ideation
Here, I brainstorm and develop creative concepts that align with your vision. Initial sketches and ideas are refined into tangible wireframes, setting the direction for design and functionality.
02.
Concept & Ideation
Here, I brainstorm and develop creative concepts that align with your vision. Initial sketches and ideas are refined into tangible wireframes, setting the direction for design and functionality.
03.
Feedback & Refinement
Collaboration is key. I review the design with you, gather feedback, and refine the work to align with your expectations and goals. This ensures the design reflects your vision.
03.
Feedback & Refinement
Collaboration is key. I review the design with you, gather feedback, and refine the work to align with your expectations and goals. This ensures the design reflects your vision.
03.
Feedback & Refinement
Collaboration is key. I review the design with you, gather feedback, and refine the work to align with your expectations and goals. This ensures the design reflects your vision.
04.
Testing & Optimization
I conduct thorough testing to identify and resolve any performance or usability issues. This phase ensures the design works seamlessly across devices and meets user experience standards.
04.
Testing & Optimization
I conduct thorough testing to identify and resolve any performance or usability issues. This phase ensures the design works seamlessly across devices and meets user experience standards.
04.
Testing & Optimization
I conduct thorough testing to identify and resolve any performance or usability issues. This phase ensures the design works seamlessly across devices and meets user experience standards.
05.
Launch & Delivery
Once everything is finalized, the project is launched and delivered to you. I also provide guidance or support for ongoing maintenance to ensure long-term success.
05.
Launch & Delivery
Once everything is finalized, the project is launched and delivered to you. I also provide guidance or support for ongoing maintenance to ensure long-term success.
Hi
Hi
Let's work together
Let’s build something impactful together - a product that leads!.
About me
Shruti Katkar
Hi, I’m Shruti Katkar, a Product Designer with over 8 years of experience designing user-centered digital experiences across SaaS, e-commerce, and education.
To create impactful user experiences I research each audience with real depth, codify what I learnt into design principles that engineers can apply directly, and ship code-based outputs that work tomorrow, not mockups that sit in review. I partner with product leaders who own outcomes and engineers who ship code. I push back when requests hurt user experience. I own the design process end-to-end.
what I can do for you
As a digital designer, I am a visual storyteller, crafting experiences that connect deeply and spark creativity.
1. LXD
Design simulation-based, learner-centered experiences
Translate complex systems into clear learning journeys
Build scenario-driven, interactive learning flows
Reduce confusion and accelerate learner outcomes
2. Instructional Design
Apply action mapping to define learning strategies
Design structured learning paths and objectives
Create assessments and meaningful feedback loops
Align learning outcomes with user needs
3. E-Learning Developer
Build interactive courses in Articulate Storyline 360
Develop simulations, branching, and drag-and-drop flows
Integrate multimedia, AI voice, and visuals
Ensure accessibility (WCAG 2.1 AA compliant)
4. LMS Administration
Deploy and manage courses on Moodle and Canvas
Structure learning content for smooth delivery
Track learner progress and course performance
Maintain organized and scalable course systems
5. Design Systems & UX
Create scalable design systems in Figma
Design intuitive, user-centered interfaces
Conduct user research and usability testing
Ensure consistency across digital products
1. LXD
Design simulation-based, learner-centered experiences
Translate complex systems into clear learning journeys
Build scenario-driven, interactive learning flows
Reduce confusion and accelerate learner outcomes
2. Instructional Design
Apply action mapping to define learning strategies
Design structured learning paths and objectives
Create assessments and meaningful feedback loops
Align learning outcomes with user needs
3. E-Learning Developer
Build interactive courses in Articulate Storyline 360
Develop simulations, branching, and drag-and-drop flows
Integrate multimedia, AI voice, and visuals
Ensure accessibility (WCAG 2.1 AA compliant)
4. LMS Administration
Deploy and manage courses on Moodle and Canvas
Structure learning content for smooth delivery
Track learner progress and course performance
Maintain organized and scalable course systems
5. Design Systems & UX
Create scalable design systems in Figma
Design intuitive, user-centered interfaces
Conduct user research and usability testing
Ensure consistency across digital products
1. LXD
Design simulation-based, learner-centered experiences
Translate complex systems into clear learning journeys
Build scenario-driven, interactive learning flows
Reduce confusion and accelerate learner outcomes
2. Instructional Design
Apply action mapping to define learning strategies
Design structured learning paths and objectives
Create assessments and meaningful feedback loops
Align learning outcomes with user needs
3. E-Learning Developer
Build interactive courses in Articulate Storyline 360
Develop simulations, branching, and drag-and-drop flows
Integrate multimedia, AI voice, and visuals
Ensure accessibility (WCAG 2.1 AA compliant)
4. LMS Administration
Deploy and manage courses on Moodle and Canvas
Structure learning content for smooth delivery
Track learner progress and course performance
Maintain organized and scalable course systems
5. Design Systems & UX
Create scalable design systems in Figma
Design intuitive, user-centered interfaces
Conduct user research and usability testing
Ensure consistency across digital products
Discover My Journey in Design
My foundation in Communication Design, developed through my Master's in Milan, gave me a strong grasp of how people interpret, navigate, and respond to visual and digital experiences. But my real strength has been built through practice across remarkably diverse user groups.
At WhiteHat Jr, I designed learning experiences for children aged 6 to 14, which demands an entirely different design vocabulary: age-appropriate interactions, high engagement, low cognitive load, and zero margin for confusion. At the University of Toronto, I worked with graduate students and researchers from varied academic and cultural backgrounds, where clarity, accessibility, and trust in the interface were critical to their daily work. And through freelance e-commerce work with clients on platforms like Shopify, Framer, and Etsy, I learned how to balance user needs against real business constraints, conversion goals, retention, and commercial outcomes.
That range has made me genuinely empathetic as a designer. I don't assume I know what users need. I listen, observe, and let their behaviour and context inform the solution.
The result is design that works for real people, not idealized personas.
Learning Experience Designer
Freelance
2024 - 2025
Learning Experience Designer
Freelance
2024 - 2025
Learning Experience Designer
Freelance
2024 - 2025
User Experience Developer
University of Toronto
2024 - 2025
User Experience Developer
University of Toronto
2024 - 2025
User Experience Developer
University of Toronto
2024 - 2025
Lead Industrial Designer
SGi Lighting
2023 - 2024
Lead Industrial Designer
SGi Lighting
2023 - 2024
Lead Industrial Designer
SGi Lighting
2023 - 2024
Learning Experience Designer
WhatHatJr.
2020 - 2022
Learning Experience Designer
WhatHatJr.
2020 - 2022
Learning Experience Designer
WhatHatJr.
2020 - 2022
Front End Design/Developer
Par5
2018 - 2019
Front End Design/Developer
Par5
2018 - 2019
Front End Design/Developer
Par5
2018 - 2019
My Tech Stack
I build with intention. Framer for fast, interactive web design. Figma for clean interfaces. Notion and X for content. Each tool supports how I think, design.
Framer
My creative playground for building interactive and responsive websites—fast, flexible, and no code.
Figma
Where I build and maintain design systems, design wireframes, interactive prototypes and collaborate on design sprints.
Articulate Storyline
My go-to for E-learning course design tool—perfect for building simulation based interactive e-learning courses.
Adobe Indesign
My go-to tool for creating professional page layouts, ranging from print brochures and books to digital magazines and interactive PDFs
Notion
My "design management center" to build design documentation, collaborate with the team, organize projects and track project timelines.
Spline
My tool for bringing 3D visuals into the web—perfect for adding playful, interactive depth to projects.
Lemon Squeezy
My trusted solution for managing payments and licensing digital products effortlessly.
Design with Strategy and Creativity
My process blends strategy and creativity to address challenges, craft solutions, and deliver designs that effectively communicate your message.
01.
Research & Strategy
In this phase, I dive deep into understanding your business, target audience, and project goals. Through research and strategic planning, I create a clear roadmap to guide the entire design process.
01.
Research & Strategy
In this phase, I dive deep into understanding your business, target audience, and project goals. Through research and strategic planning, I create a clear roadmap to guide the entire design process.
02.
Concept & Ideation
Here, I brainstorm and develop creative concepts that align with your vision. Initial sketches and ideas are refined into tangible wireframes, setting the direction for design and functionality.
02.
Concept & Ideation
Here, I brainstorm and develop creative concepts that align with your vision. Initial sketches and ideas are refined into tangible wireframes, setting the direction for design and functionality.
03.
Feedback & Refinement
Collaboration is key. I review the design with you, gather feedback, and refine the work to align with your expectations and goals. This ensures the design reflects your vision.
03.
Feedback & Refinement
Collaboration is key. I review the design with you, gather feedback, and refine the work to align with your expectations and goals. This ensures the design reflects your vision.
03.
Feedback & Refinement
Collaboration is key. I review the design with you, gather feedback, and refine the work to align with your expectations and goals. This ensures the design reflects your vision.
04.
Testing & Optimization
I conduct thorough testing to identify and resolve any performance or usability issues. This phase ensures the design works seamlessly across devices and meets user experience standards.
04.
Testing & Optimization
I conduct thorough testing to identify and resolve any performance or usability issues. This phase ensures the design works seamlessly across devices and meets user experience standards.
04.
Testing & Optimization
I conduct thorough testing to identify and resolve any performance or usability issues. This phase ensures the design works seamlessly across devices and meets user experience standards.
05.
Launch & Delivery
Once everything is finalized, the project is launched and delivered to you. I also provide guidance or support for ongoing maintenance to ensure long-term success.
05.
Launch & Delivery
Once everything is finalized, the project is launched and delivered to you. I also provide guidance or support for ongoing maintenance to ensure long-term success.
Hi
Hi
Let's work together
Let’s build something impactful together - a product that leads!.
About me
Shruti Katkar
Hi, I’m Shruti Katkar, a Product Designer with over 8 years of experience designing user-centered digital experiences across SaaS, e-commerce, and education.
To create impactful user experiences I research each audience with real depth, codify what I learnt into design principles that engineers can apply directly, and ship code-based outputs that work tomorrow, not mockups that sit in review. I partner with product leaders who own outcomes and engineers who ship code. I push back when requests hurt user experience. I own the design process end-to-end.
what I can do for you
As a digital designer, I am a visual storyteller, crafting experiences that connect deeply and spark creativity.
1. LXD
Design simulation-based, learner-centered experiences
Translate complex systems into clear learning journeys
Build scenario-driven, interactive learning flows
Reduce confusion and accelerate learner outcomes
2. Instructional Design
Apply action mapping to define learning strategies
Design structured learning paths and objectives
Create assessments and meaningful feedback loops
Align learning outcomes with user needs
3. E-Learning Developer
Build interactive courses in Articulate Storyline 360
Develop simulations, branching, and drag-and-drop flows
Integrate multimedia, AI voice, and visuals
Ensure accessibility (WCAG 2.1 AA compliant)
4. LMS Administration
Deploy and manage courses on Moodle and Canvas
Structure learning content for smooth delivery
Track learner progress and course performance
Maintain organized and scalable course systems
5. Design Systems & UX
Create scalable design systems in Figma
Design intuitive, user-centered interfaces
Conduct user research and usability testing
Ensure consistency across digital products
1. LXD
Design simulation-based, learner-centered experiences
Translate complex systems into clear learning journeys
Build scenario-driven, interactive learning flows
Reduce confusion and accelerate learner outcomes
2. Instructional Design
Apply action mapping to define learning strategies
Design structured learning paths and objectives
Create assessments and meaningful feedback loops
Align learning outcomes with user needs
3. E-Learning Developer
Build interactive courses in Articulate Storyline 360
Develop simulations, branching, and drag-and-drop flows
Integrate multimedia, AI voice, and visuals
Ensure accessibility (WCAG 2.1 AA compliant)
4. LMS Administration
Deploy and manage courses on Moodle and Canvas
Structure learning content for smooth delivery
Track learner progress and course performance
Maintain organized and scalable course systems
5. Design Systems & UX
Create scalable design systems in Figma
Design intuitive, user-centered interfaces
Conduct user research and usability testing
Ensure consistency across digital products
1. LXD
Design simulation-based, learner-centered experiences
Translate complex systems into clear learning journeys
Build scenario-driven, interactive learning flows
Reduce confusion and accelerate learner outcomes
2. Instructional Design
Apply action mapping to define learning strategies
Design structured learning paths and objectives
Create assessments and meaningful feedback loops
Align learning outcomes with user needs
3. E-Learning Developer
Build interactive courses in Articulate Storyline 360
Develop simulations, branching, and drag-and-drop flows
Integrate multimedia, AI voice, and visuals
Ensure accessibility (WCAG 2.1 AA compliant)
4. LMS Administration
Deploy and manage courses on Moodle and Canvas
Structure learning content for smooth delivery
Track learner progress and course performance
Maintain organized and scalable course systems
5. Design Systems & UX
Create scalable design systems in Figma
Design intuitive, user-centered interfaces
Conduct user research and usability testing
Ensure consistency across digital products
Discover My Journey in Design
My foundation in Communication Design, developed through my Master's in Milan, gave me a strong grasp of how people interpret, navigate, and respond to visual and digital experiences. But my real strength has been built through practice across remarkably diverse user groups.
At WhiteHat Jr, I designed learning experiences for children aged 6 to 14, which demands an entirely different design vocabulary: age-appropriate interactions, high engagement, low cognitive load, and zero margin for confusion. At the University of Toronto, I worked with graduate students and researchers from varied academic and cultural backgrounds, where clarity, accessibility, and trust in the interface were critical to their daily work. And through freelance e-commerce work with clients on platforms like Shopify, Framer, and Etsy, I learned how to balance user needs against real business constraints, conversion goals, retention, and commercial outcomes.
That range has made me genuinely empathetic as a designer. I don't assume I know what users need. I listen, observe, and let their behaviour and context inform the solution.
The result is design that works for real people, not idealized personas.
Learning Experience Designer
Freelance
2024 - 2025
Learning Experience Designer
Freelance
2024 - 2025
Learning Experience Designer
Freelance
2024 - 2025
User Experience Developer
University of Toronto
2024 - 2025
User Experience Developer
University of Toronto
2024 - 2025
User Experience Developer
University of Toronto
2024 - 2025
Lead Industrial Designer
SGi Lighting
2023 - 2024
Lead Industrial Designer
SGi Lighting
2023 - 2024
Lead Industrial Designer
SGi Lighting
2023 - 2024
Learning Experience Designer
WhatHatJr.
2020 - 2022
Learning Experience Designer
WhatHatJr.
2020 - 2022
Learning Experience Designer
WhatHatJr.
2020 - 2022
Front End Design/Developer
Par5
2018 - 2019
Front End Design/Developer
Par5
2018 - 2019
Front End Design/Developer
Par5
2018 - 2019
My Tech Stack
I build with intention. Framer for fast, interactive web design. Figma for clean interfaces. Notion and X for content. Each tool supports how I think, design.
Framer
My creative playground for building interactive and responsive websites—fast, flexible, and no code.
Figma
Where I build and maintain design systems, design wireframes, interactive prototypes and collaborate on design sprints.
Articulate Storyline
My go-to for E-learning course design tool—perfect for building simulation based interactive e-learning courses.
Adobe Indesign
My go-to tool for creating professional page layouts, ranging from print brochures and books to digital magazines and interactive PDFs
Notion
My "design management center" to build design documentation, collaborate with the team, organize projects and track project timelines.
Spline
My tool for bringing 3D visuals into the web—perfect for adding playful, interactive depth to projects.
Lemon Squeezy
My trusted solution for managing payments and licensing digital products effortlessly.
Design with Strategy and Creativity
My process blends strategy and creativity to address challenges, craft solutions, and deliver designs that effectively communicate your message.
01.
Research & Strategy
In this phase, I dive deep into understanding your business, target audience, and project goals. Through research and strategic planning, I create a clear roadmap to guide the entire design process.
01.
Research & Strategy
In this phase, I dive deep into understanding your business, target audience, and project goals. Through research and strategic planning, I create a clear roadmap to guide the entire design process.
02.
Concept & Ideation
Here, I brainstorm and develop creative concepts that align with your vision. Initial sketches and ideas are refined into tangible wireframes, setting the direction for design and functionality.
02.
Concept & Ideation
Here, I brainstorm and develop creative concepts that align with your vision. Initial sketches and ideas are refined into tangible wireframes, setting the direction for design and functionality.
03.
Feedback & Refinement
Collaboration is key. I review the design with you, gather feedback, and refine the work to align with your expectations and goals. This ensures the design reflects your vision.
03.
Feedback & Refinement
Collaboration is key. I review the design with you, gather feedback, and refine the work to align with your expectations and goals. This ensures the design reflects your vision.
03.
Feedback & Refinement
Collaboration is key. I review the design with you, gather feedback, and refine the work to align with your expectations and goals. This ensures the design reflects your vision.
04.
Testing & Optimization
I conduct thorough testing to identify and resolve any performance or usability issues. This phase ensures the design works seamlessly across devices and meets user experience standards.
04.
Testing & Optimization
I conduct thorough testing to identify and resolve any performance or usability issues. This phase ensures the design works seamlessly across devices and meets user experience standards.
04.
Testing & Optimization
I conduct thorough testing to identify and resolve any performance or usability issues. This phase ensures the design works seamlessly across devices and meets user experience standards.
05.
Launch & Delivery
Once everything is finalized, the project is launched and delivered to you. I also provide guidance or support for ongoing maintenance to ensure long-term success.
05.
Launch & Delivery
Once everything is finalized, the project is launched and delivered to you. I also provide guidance or support for ongoing maintenance to ensure long-term success.
Hi
Hi
Let's work together
Let’s build something impactful together - a product that leads!.