Name
Description
Problem
Solution
Impact
  1. User Satisfaction: 50% increase in satisfaction scores from users
  2. Efficiency: 70% reduction in the time required to design and deploy a pop-up
  3. Engagement Rates: 35% improvement in average click-through rates
Discovery And Research
  1. User Interviews:
    • Identified key pain points in pop-up creation and understood preferences for design templates and targeting options
  2. Surveys:
    • Questionnaires to collect quantitative data
    • Gathered insights on desired features like advanced targeting and ease of customization, and identified non-technical challenges
  3. Competitive Analysis:
    • Pinpointed gaps in existing pop-up tools and determined unique selling points like ease of use and advanced integrations
Definition And Planning
  1. Information Architecture:
    • Structured features and tool layout
    • Defined a content hierarchy and navigation structure tailored for pop-up creation
  2. User Flow Mapping:
    • Charted the step-by-step user journey
    • Outlined key actions such as selecting templates, customizing designs, and integrating with marketing tools
Design And Prototyping
  1. Wireframing:
    • Created wireframes for the dashboard and designed layouts for pop-up customization and targeting options
  2. Interactive Prototyping:
    • Built a high-fidelity prototype showcasing drag-and-drop customization, targeting options, and integration workflows
Testing
  1. Usability Testing:
    • Assessed ease of use and functionality
    • Collected feedback on drag-and-drop editor, identified usability challenges, and refined template customization
  2. ABTesting:
    • Tested template gallery layouts, optimized audience targeting features, and improved the onboarding process
Drag and Drop Interface
Customizable Templates
Mobile Responsive Designs
Integrated Analytics
Targeting Options
Review and Approval Workflow
1. Overview
Name
Pop-Up Builder
Description
A standalone product designed to enable users to create and deploy pop-ups with ease, using a guided and self-serve approach based on competitive and customer research.
Duration
3 months
Problem
Users found creating and customizing pop-ups for different use-cases challenging and often required technical assistance.
Solution
Self-serve, user-guided journey with customizable options to fit various use-cases and minimize dependency on technical teams.
Impact
  • User Satisfaction
  • Efficiency
  • Task Completion
2. Design Process
Discovery And Research
  • User Interviews
  • Surveys
  • Competitive Analysis
Definition And Planning
  • Information Architecture
  • User Flow Mapping
Design And Prototyping
  • Wireframing
  • Interactive Prototyping
Testing
  • Usability Testing
  • ABTesting
3. Key Features
Guided Journey
Step-by-step guidance enabling users to create and customize pop-ups with minimal effort.
Customizable Templates
Versatile layouts that users can tailor to fit their specific needs and branding.
Responsive Designs
Pop-ups that adapt seamlessly to different devices for an optimal user experience.
Behavior Triggers
Options to set pop-up triggers based on user actions, time on site, or page scroll.
Analytics Integration
Tools to track engagement metrics directly within the platform for performance insights.
Approval Workflow
Review feature allowing team members to provide feedback and approve pop-ups before deployment.
SEO Optimized
Settings to ensure pop-ups follow SEO best practices, minimizing impact on search engine rankings.
Zero To Hero
Landing Pages Pro
In developing the 'Landing Page Pro Product,' I managed end-to-end design and user research, aligning the product with user needs and stakeholder expectations.
Zero To Hero
Pop-Up Product
At LeadSquared, I designed and developed the 'Pop-Up' feature, turning a concept into a live product. This involved in-depth user research and SASS integration to meet our design goals.
User Research
User Shadowing
Conducting 'User Shadowing' provided deep insights into user behavior, which were crucial for persona building and empathy mapping in my design projects.
Product Feature
Mobile Editor
I led the design of the 'Mobile Editor' feature for our no-code website builder, focusing on mobile usability and intuitive design to enhance user interactions.
Product Feature
Hide on Device
The 'Hide on Device' feature was designed to give users control over content visibility on various devices, improving flexibility and responsiveness in our no-code website builder.
Product Feature
Scroll To
I developed the 'Scroll To' feature, enhancing user navigation within our no-code website builder to ensure a seamless and engaging experience.
Product Feature
Save As Draft
For the 'Save As Draft' feature, I focused on creating a smooth process for users to save their form progress, adding a layer of convenience and flexibility.
Figma Implementation
Design System
I implemented a comprehensive 'Design System' using Figma and Atomic Design principles, streamlining our design process and improving team collaboration.
Landing Page Templates
Design Templates
I created tailored 'BFSI & Healthcare Design Templates,' focusing on industry-specific needs to deliver effective solutions for these sectors.