Front End Web Designer- Chennai

<h3 style="padding: 0px; margin: 2em 0px 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-weight: var(--ds-font-weight-semibold,600); font-stretch: ; font-size: 1.142em; line-height: 1.5; font-family: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; letter-spacing: -0.006em; color: rgb(23, 43, 77); text-transform: none; orphans: 2; text-align: start; text-indent: 0px; widows: 2; word-spacing: 0px; white-space: pre-wrap; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"><strong>Company

Overview:

</strong></h3><p style="margin: 0.75rem 0px 0px; padding: 0px; letter-spacing: -0.005em; font-size: 16px; font-weight: 400; line-height: 1.714; color: rgb(23, 43, 77); font-family: -apple-system, BlinkMacSystemFont, "><strong>CashKaro</strong> is India’s #1 cashback platform, trusted by over 25 million users! We drive more sales for Amazon, Flipkart, Myntra, and Ajio than any other paid channel, including Google and Meta.

Backed by legendary investor Ratan Tata and a recent $16 million boost from Affle, we’re on a rocket ship journey—already surpassing ₹300 crore in revenue and racing towards ₹500 crore.</p><p style="margin: 0.75rem 0px 0px; padding: 0px; letter-spacing: -0.005em; font-size: 16px; font-weight: 400; line-height: 1.714; color: rgb(23, 43, 77); font-family: -apple-system, BlinkMacSystemFont, "><strong>EarnKaro</strong>, our influencer referral platform, is trusted by over 500,000 influencers and sends more traffic to leading online retailers than any other platform.

Whether it’s micro-influencers or top-tier creators, they choose EarnKaro to monetize their networks. <strong>BankKaro</strong>, our latest venture, is rapidly becoming India’s go-to FinTech aggregator, similar to Paisabazaar.</p><p style="margin: 0.75rem 0px 0px; padding: 0px; letter-spacing: -0.005em; font-size: 16px; font-weight: 400; line-height: 1.714; color: rgb(23, 43, 77); font-family: -apple-system, BlinkMacSystemFont, ">Join our dynamic team and help shape the future of online shopping, influencer marketing, and financial technology in India!</p><hr style="border: none; background-color: var(--ds-border,#091e4224); border-radius: 1px; height: 2px; margin: 1.714em 0px; clear: both; color: rgb(23, 43, 77); font-family: -apple-system, BlinkMacSystemFont, "><h3 style="padding: 0px; margin: 2em 0px 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-weight: var(--ds-font-weight-semibold,600); font-stretch: ; font-size: 1.142em; line-height: 1.5; font-family: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; letter-spacing: -0.006em; color: rgb(23, 43, 77); text-transform: none; orphans: 2; text-align: start; text-indent: 0px; widows: 2; word-spacing: 0px; white-space: pre-wrap; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"><strong>Role

Overview:

</strong></h3><p style="margin: 0.75rem 0px 0px; padding: 0px; letter-spacing: -0.005em; font-size: 16px; font-weight: 400; line-height: 1.714; color: rgb(23, 43, 77); font-family: -apple-system, BlinkMacSystemFont, ">We are looking for an experienced <strong>React.js Developer</strong> with minimum 3-4 years of experience. You will be responsible for building and optimizing the front-end experience for CashKaro and EarnKaro. </p><hr style="border: none; background-color: var(--ds-border,#091e4224); border-radius: 1px; height: 2px; margin: 1.714em 0px; clear: both; color: rgb(23, 43, 77); font-family: -apple-system, BlinkMacSystemFont, "><h3 style="padding: 0px; margin: 2em 0px 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-weight: var(--ds-font-weight-semibold,600); font-stretch: ; font-size: 1.142em; line-height: 1.5; font-family: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; letter-spacing: -0.006em; color: rgb(23, 43, 77); text-transform: none; orphans: 2; text-align: start; text-indent: 0px; widows: 2; word-spacing: 0px; white-space: pre-wrap; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"><strong>Key

Responsibilities:

</strong></h3><ul style="margin: 10px 0px 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: var(--ed--list--item-counter--padding,24px); box-sizing: border-box; list-style-type: disc; display: flow-root; color: rgb(23, 43, 77); font-family: -apple-system, BlinkMacSystemFont, "><li><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;">Optimize website performance and user experience through testing and analytics.</p></li><li style="margin-top: var(--ds-space-050,4px);"><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;">Contribute to the creation of style guides and design documentation,</p></li><li style="margin-top: var(--ds-space-050,4px);"><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;">Conduct concept and usability testing and gather feedback.</p></li><li style="margin-top: var(--ds-space-050,4px);"><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;">Ensure the technical feasibility of UI/UX designs.</p></li><li style="margin-top: var(--ds-space-050,4px);"><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;">Writing clean, maintainable, and well-structured code, adhering to best practices and industry standards.</p></li><li style="margin-top: var(--ds-space-050,4px);"><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;">Stay current with industry trends and emerging technologies to continuously improve design quality.</p></li><li style="margin-top: var(--ds-space-050,4px);"><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;">Develop and maintain design systems and style guides to ensure consistency across all digital platforms.</p></li></ul><hr style="border: none; background-color: var(--ds-border,#091e4224); border-radius: 1px; height: 2px; margin: 1.714em 0px; clear: both; color: rgb(23, 43, 77); font-family: -apple-system, BlinkMacSystemFont, "><h3 style="padding: 0px; margin: 2em 0px 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-weight: var(--ds-font-weight-semibold,600); font-stretch: ; font-size: 1.142em; line-height: 1.5; font-family: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; letter-spacing: -0.006em; color: rgb(23, 43, 77); text-transform: none; orphans: 2; text-align: start; text-indent: 0px; widows: 2; word-spacing: 0px; white-space: pre-wrap; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"><strong>Must-Have

Skills:

</strong></h3><ol start="1" style="margin: 10px 0px 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: var(--ed--list--item-counter--padding,24px); box-sizing: border-box; list-style-type: decimal; display: flow-root; color: rgb(23, 43, 77); font-family: -apple-system, BlinkMacSystemFont, "><li><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;"><strong>Expert in Front End Web Design using React</strong></p><ul style="margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: var(--ed--list--item-counter--padding,24px); box-sizing: border-box; list-style-type: circle; display: flow-root;"><li><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;">Minimum 4-5 years experience in Web Design experience using React.

Should have strong projects to show their skill</p></li><li style="margin-top: var(--ds-space-050,4px);"><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;">Create high-fidelity mockups, prototypes, and interactive designs using Figma</p></li><li style="margin-top: var(--ds-space-050,4px);"><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;">Expert proficiency in Figma, along with other design tools (e.g., Adobe Creative Suite, Sketch)</p></li><li style="margin-top: var(--ds-space-050,4px);"><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;">Should be able to demonstrate exceptionally made sites  <br><br></p></li></ul></li><li style="margin-top: var(--ds-space-050,4px);"><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;"><strong>Strong knowledge of Next.js, React.js and JavaScript (ES6+)</strong></p><ul style="margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: var(--ed--list--item-counter--padding,24px); box-sizing: border-box; list-style-type: circle; display: flow-root;"><li><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;">Strong command over JavaScript, including ES6+<br><br></p></li></ul></li><li style="margin-top: var(--ds-space-050,4px);"><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;"><strong>Excellent understanding of HTML5, CSS3, and pre-processing platforms like SASS or LESS</strong></p><ul style="margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: var(--ed--list--item-counter--padding,24px); box-sizing: border-box; list-style-type: circle; display: flow-root;"><li><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;">Strong knowledge of <strong>HTML5</strong>, <strong>CSS3</strong>, and <strong>JavaScript</strong>.</p></li><li style="margin-top: var(--ds-space-050,4px);"><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;">Experience with <strong>responsive design</strong> and optimizing applications for cross-browser compatibility.</p></li><li style="margin-top: var(--ds-space-050,4px);"><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;">Strong knowledge of SASS or LESS - pre-processing platforms</p></li><li style="margin-top: var(--ds-space-050,4px);"><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;">Strong understanding of front-end frameworks like TailwindCSS<br><br></p></li></ul></li><li style="margin-top: var(--ds-space-050,4px);"><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;"><strong>Solid understanding of web performance optimization techniques and TailwindCSS</strong></p><ul style="margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: var(--ed--list--item-counter--padding,24px); box-sizing: border-box; list-style-type: circle; display: flow-root;"><li><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;">Knowledge of how to optimize applications for scalability and performance (e.g., lazy loading, code splitting).</p></li><li style="margin-top: var(--ds-space-050,4px);"><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;">Knowledge of how to meet Google Page Load guidelines</p></li><li style="margin-top: var(--ds-space-050,4px);"><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;">Experience handling applications for <strong>high concurrency</strong> (500-5000 users for CK/EK).</p></li><li style="margin-top: var(--ds-space-050,4px);"><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;">Familiarity with tools like <strong>Google Lighthouse</strong> and <strong>GTmetrix</strong> for performance audits.<br><br></p></li></ul></li><li style="margin-top: var(--ds-space-050,4px);"><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;"><strong>Knowledge of SEO Best Practices</strong></p><ul style="margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: var(--ed--list--item-counter--padding,24px); box-sizing: border-box; list-style-type: circle; display: flow-root;"><li><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;">Should have an understanding of SEO best practices<br><br></p></li></ul></li><li style="margin-top: var(--ds-space-050,4px);"><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;"><strong>Continuous Learning and Upskilling:</strong></p><ul style="margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: var(--ed--list--item-counter--padding,24px); box-sizing: border-box; list-style-type: circle; display: flow-root;"><li><p style="margin: 0px; padding: 0px; letter-spacing: -0.005em; font-size: 1em; font-weight: 400; line-height: 1.714;">Passionate about staying up-to-date with the latest industry trends, frameworks, and best practices.</p></li></ul></li></ol>