DCM INFOTECH LIMITED
Job Summary
Work with the Product Owner, understand business requirements and design intuitive, data-rich dashboard interfaces for engineering metrics visualization. Be able to understand white-boarding designs (no Figma and similar tools) and translate that to UI designs and interactions following configurable color themes and interaction themes. Back-of-the-envelope design to beautiful UI screens in production. The dashboards will be used by Managers.
Create user experiences that work seamlessly across desktop and mobile devices for engineers, team leads, and executives with varying technical backgrounds.
Build responsive, interactive web dashboards using React.js that visualize engineering metrics for individual contributors, teams, and managers. Create mobile-optimized Progressive Web Applications with rich data visualizations and real-time updates. Use consistent visual design patterns.
Key Responsibilities
React Development : Build complex, responsive dashboard components using React.js, hooks, and modern JavaScript Data Visualization : Implement interactive charts and graphs using D3.js, Chart.js, or similar libraries that function well with React and responsive screens. Mobile Optimization : Develop Progressive Web App (PWA) features for mobile dashboard access UI/UX Implementation : Translate designs into pixel-perfect, accessible user interfaces State Management : Implement efficient state management using Redux, Context API, or similar Performance Optimization : Optimize bundle size, implement lazy loading, and ensure fast load times API Integration : Connect frontend components to backend APIs with proper error handling and loading states, and data persistence. Testing : Write unit tests, integration tests, and end-to-end tests for dashboard functionality User Research : Conduct user interviews and usability studies with engineers, managers, and executives Information Architecture : Design logical organization and navigation for complex metric dashboards Visual Design : Create clean, accessible designs that effectively communicate data insights Interaction Design : Design interactive elements, filters, drill-down capabilities, and responsive behaviors Mobile Design : Optimize dashboard experience for mobile devices and touch interactions Design Systems : Develop and maintain design system components and patterns Prototyping : Create interactive prototypes for user testing and developer handoff Accessibility : Ensure designs meet WCAG compliance standards Required Skills
Frontend Frameworks : 4+ years with React.js, modern JavaScript (ES6+), TypeScript Styling : CSS3, Sass/SCSS, styled-components, Material-UI, or Ant Design Data Visualization : D3.js, Chart.js, Recharts, or similar charting libraries Data Tabulation : AG Grid Community ed, or similar Build Tools : Webpack, Vite, or similar bundlers Testing : Jest, React Testing Library, Cypress Version Control : Git, pull request workflows Responsive Design : Mobile-first development, cross-browser compatibility Design Tools : 4+ years with Figma, Sketch, Adobe Creative Suite UX Research : User interviews, usability testing, persona development Data Visualization : Experience designing charts, graphs, and dashboard interfaces Responsive Design : Mobile-first design principles and cross-device experience Design Systems : Component libraries, design tokens, style guides Prototyping : Interactive prototype creation and user testing Accessibility : WCAG guidelines and inclusive design practices Preferred Qualifications
Progressive Web App (PWA) development experience Dashboard/analytics application development experience Agile design and development process/methodology experience Dashboard and analytics application design experience Data visualization best practices knowledge Understanding of data related engineering or developer tool like JIRA and Git - a plus Accessibility (WCAG) compliance experience - a plus Real-time data visualization and WebSocket integration - a plus
React Development : Build complex, responsive dashboard components using React.js, hooks, and modern JavaScript Data Visualization : Implement interactive charts and graphs using D3.js, Chart.js, or similar libraries that function well with React and responsive screens. Mobile Optimization : Develop Progressive Web App (PWA) features for mobile dashboard access UI/UX Implementation : Translate designs into pixel-perfect, accessible user interfaces State Management : Implement efficient state management using Redux, Context API, or similar Performance Optimization : Optimize bundle size, implement lazy loading, and ensure fast load times API Integration : Connect frontend components to backend APIs with proper error handling and loading states, and data persistence. Testing : Write unit tests, integration tests, and end-to-end tests for dashboard functionality User Research : Conduct user interviews and usability studies with engineers, managers, and executives Information Architecture : Design logical organization and navigation for complex metric dashboards Visual Design : Create clean, accessible designs that effectively communicate data insights Interaction Design : Design interactive elements, filters, drill-down capabilities, and responsive behaviors Mobile Design : Optimize dashboard experience for mobile devices and touch interactions Design Systems : Develop and maintain design system components and patterns Prototyping : Create interactive prototypes for user testing and developer handoff Accessibility : Ensure designs meet WCAG compliance standards Required Skills
Frontend Frameworks : 4+ years with React.js, modern JavaScript (ES6+), TypeScript Styling : CSS3, Sass/SCSS, styled-components, Material-UI, or Ant Design Data Visualization : D3.js, Chart.js, Recharts, or similar charting libraries Data Tabulation : AG Grid Community ed, or similar Build Tools : Webpack, Vite, or similar bundlers Testing : Jest, React Testing Library, Cypress Version Control : Git, pull request workflows Responsive Design : Mobile-first development, cross-browser compatibility Design Tools : 4+ years with Figma, Sketch, Adobe Creative Suite UX Research : User interviews, usability testing, persona development Data Visualization : Experience designing charts, graphs, and dashboard interfaces Responsive Design : Mobile-first design principles and cross-device experience Design Systems : Component libraries, design tokens, style guides Prototyping : Interactive prototype creation and user testing Accessibility : WCAG guidelines and inclusive design practices Preferred Qualifications
Progressive Web App (PWA) development experience Dashboard/analytics application development experience Agile design and development process/methodology experience Dashboard and analytics application design experience Data visualization best practices knowledge Understanding of data related engineering or developer tool like JIRA and Git - a plus Accessibility (WCAG) compliance experience - a plus Real-time data visualization and WebSocket integration - a plus