Malabar Gold Frontend Engineer Interview: Rounds, Questions and Preparation

What the job involves

A frontend engineer in e-commerce, retail, and D2C builds and maintains the customer-facing web and mobile interfaces that drive product discovery, engagement, and sales. Day to day, you will work with designers, backend engineers, and product managers to translate visual mockups into responsive, accessible, and high-performance code. You will also optimise page load times, integrate with APIs, and ensure seamless experiences across devices and browsers.

Role and Technical Knowledge

1. 1

   How would you ensure a product listing page on an e-commerce site loads quickly on low-end mobile devices?

   Mention techniques like lazy loading images, code splitting, minifying assets, using CDNs, and optimising API calls. Highlight the importance of testing on real devices and using tools like Lighthouse.

2. 2

   Explain the difference between client-side and server-side rendering. Which would you choose for a D2C brand's homepage and why?

   Discuss trade-offs: CSR is faster after initial load but has SEO challenges; SSR improves SEO and initial load. For a D2C homepage, SSR or static generation often wins for SEO and performance.

3. 3

   What are some key accessibility considerations when building a checkout flow for an online retail store?

   Cover semantic HTML, keyboard navigation, ARIA labels, sufficient colour contrast, and focus management. Emphasise that accessibility improves usability for all users.

4. 4

   How do you handle cross-browser compatibility issues in a large e-commerce application?

   Talk about using feature detection (e.g., Modernizr), polyfills, CSS resets, and testing on multiple browsers. Mention tools like BrowserStack and following progressive enhancement.

Practical Scenarios

1. 5

   You are building a product filter sidebar that updates results without a full page reload. How would you implement it?

   Describe using AJAX/fetch to call an API, updating the DOM dynamically, and managing state (e.g., with React state or URL query params). Mention debouncing to avoid excessive requests.

2. 6

   A user reports that the 'Add to Cart' button sometimes does not work on older iPhones. How would you debug and fix this?

   Suggest checking for touch event issues (e.g., using click vs touchstart), testing on actual devices, reviewing console errors, and ensuring event listeners are properly attached. Mention using remote debugging tools.

3. 7

   You need to integrate a payment gateway on the checkout page. What frontend considerations are important?

   Focus on security (HTTPS, tokenisation), error handling, loading states, and clear user feedback. Mention following the payment provider's SDK guidelines and testing sandbox environments.

4. 8

   How would you implement a 'recently viewed products' feature on a retail website?

   Explain using localStorage or cookies to store product IDs, then fetching details from an API. Discuss privacy considerations and performance (e.g., limiting the number of items stored).

Behavioural and Situational

1. 9

   Tell me about a time you had to meet a tight deadline for a project. How did you manage it?

   Use the STAR method: describe the situation, task, action (prioritising, communicating with team), and result. Highlight time management and focus on critical features.

2. 10

   Describe a situation where you disagreed with a designer or senior developer. How did you handle it?

   Show respect and openness: explain how you listened, presented data or alternatives, and collaborated to find the best solution. Emphasise teamwork over being right.

3. 11

   Give an example of a time you learned a new technology quickly to complete a task.

   Pick a concrete example (e.g., learning React hooks for a project). Explain your learning approach (documentation, tutorials, practice) and the successful outcome.

4. 12

   How do you ensure your code is maintainable and easy for others to understand?

   Mention writing clean, modular code, using meaningful names, adding comments where needed, following style guides, and writing documentation. Also talk about code reviews and testing.

HR and Company Fit

1. 13

   Why do you want to work as a frontend engineer in the e-commerce and retail sector?

   Connect personal interest in user experience and online shopping with the impact frontend has on conversion and customer satisfaction. Mention the dynamic nature of retail tech.

2. 14

   How do you stay updated with the latest frontend technologies and trends?

   Mention following blogs (e.g., CSS-Tricks, Smashing Magazine), participating in communities (GitHub, Stack Overflow), taking online courses, and experimenting with side projects.

3. 15

   Where do you see yourself in the next two years in this role?

   Show ambition to grow into a senior frontend role, deepen expertise in performance and accessibility, and contribute to architectural decisions. Align with the company's growth.

4. 16

   What do you know about our company's online presence, and how would you improve it?

   Research the company's website and app beforehand. Suggest improvements like faster load times, better mobile navigation, or enhanced product visuals. Be constructive and specific.