UI/UX & Front-End Developer | 3 Years Experience
Pronota
Apply Now
Mohali, Punjab, India Full Time  • Mid level Posted 1 Week, 6 Days ago indeed.com
figma adobe-xd adobe-photoshop adobe-illustrator component tailwind tailwind-ui tailwind-css material-design material-ui mui drift
About the Job

We are looking for a UI Designer & Front-End Developer with strong expertise in mockups, wireframes, and SaaS product design.

This role requires deep hands-on experience in Figma and Adobe design tools, strong knowledge of UI kits and design systems, and the ability to convert approved UI designs into the exact same front-end framework without deviation.

The candidate must understand how to work within design systems, not around them, and translate structured UI kits into clean, scalable, production-ready code.

In addition, the candidate must have experience planning and designing A/B testing variations. This includes creating multiple layout and UX variations for web and mobile pages using Figma or other design tools, with a clear understanding of conversion optimization, user behavior, and performance metrics.

Required Expertise

  • Strong experience with Figma and Adobe tools (XD, Photoshop, Illustrator as applicable)
  • Proven ability to work with UI kits and structured component libraries
  • Experience designing A/B test variations for SaaS platforms, landing pages, funnels, and web applications
  • Clear understanding of conversion-focused design and UX experimentation
  • Hands-on experience with:
  • Tailwind UI / Tailwind CSS components
  • Material Design / Material UI (MUI)
  • Other modern UI frameworks and design systems
  • Ability to convert a Figma UI kit into the exact same framework used in design, with zero visual drift

Key Responsibilities

  • Create structured wireframes and mockups aligned with SaaS product logic
  • Develop multiple design variations for A/B testing and performance optimization
  • Use approved UI kits and component libraries instead of custom-built styling
  • Convert Figma mockups and UI kits into the exact same front-end framework
  • Ensure spacing, typography, color systems, components, and interactions strictly follow UI kit standards
  • Maintain consistency across the application using reusable, framework-aligned components
  • Avoid unnecessary custom CSS when a design system component already exists
  • Deliver clean, maintainable, scalable front-end code aligned with industry best practices

Expectations

  • No visual or structural deviation from the selected UI kit
  • Pixel-accurate implementation from design to code
  • Fully responsive, mobile-first, and production-ready output
  • Clean component architecture following framework and design system rules
  • Data-driven mindset when creating A/B test variations

This role is ideal for someone who respects design systems as structured tools for consistency, speed, and scalability, and who understands that A/B testing is not random experimentation but a strategic method to improve performance and user engagement.

Job Types: Full-time, Permanent

Pay: ₹240,000.00 - ₹300,000.00 per year

Work Location: In person

About Pronota
Mohali, Punjab, India
Education
figma adobe-xd adobe-photoshop adobe-illustrator component tailwind tailwind-ui tailwind-css material-design material-ui
Upskilling Program
PM Residency Program

Become a Product Manager at Interviewhood for 3 months. Gain real PM experience and build your portfolio.

Learn more
Career Success Tools
Interview Prep
Question Bank

Build structured answers, practice with flashcards, and ace interviews with confidence.

  • Multi-tagging system
  • Answer templates
  • Flashcard mode
Start Preparing
Popular
Job Tracker

Organize applications, track interview progress, and land jobs faster with a visual Kanban board.

  • 7-stage Kanban board
  • Drag-and-drop
  • Activity timeline
Start Tracking
Career Planning
Career Planner

Assess your situation, explore directions, set goals, and take action with confidence.

  • Self-assessment
  • Direction explorer
  • Goal setting
Start Planning
Productivity
Task Manager

Get more done, stress less. Combine tasks, goals, and habits to stay organized and achieve career success.

  • Task management
  • Goal tracking
  • Habit streaks
Start Organizing
Reflection
Journal

Reflect daily, grow faster. Document wins, learn from failures, and build career confidence.

  • Log wins
  • Track failures
  • Capture learnings
Start Journaling
Networking
Networking CRM

Build relationships, win business. Manage leads, track follow-ups, and convert connections into opportunities.

  • 6-stage pipeline
  • Drag-and-drop
  • Follow-up tracking
Start Managing
Career Path
Career Map Generator

See where your career can go. AI-powered visualization showing multiple paths and required skills.

  • Multiple career paths
  • Mark current position
  • Skills per level
Create Your Map
Branding
Personal Brand Manager

Stop blending in, start standing out. Define your unique value and build a memorable brand.

  • 14-field framework
  • Visual canvas
  • PDF export
Start Building
Learning
Learning Plan Generator

Stop guessing what to learn. AI-powered roadmaps that identify skill gaps and create personalized plans.

  • AI-powered analysis
  • Skill gap detection
  • Curated resources
Create Your Plan
Resume Tools
Bullet Point Generator

Stop listing duties, start showcasing impact. AI-powered bullets that transform work experience into achievements.

  • 5 competency categories
  • AI-powered generation
  • One-click copy
Start Generating
Done