Full Stack Developer – Headless Shopify / E-commerce

JOB DESCRIPTION

Full Stack Developer – Headless Shopify / E-commerce

Brand: Ara Pret
Location: Bengaluru, Work from Office
Engagement: 3-Month Project Contract
Experience: 3–5+ years
Reporting To: Brand Head

About the Role

Ara Pret is looking for an experienced Full Stack Developer with Headless Shopify expertise to build our new e-commerce website from the ground up.

The website will use a decoupled/headless architecture:

Custom Frontend → Shopify APIs → Shopify Commerce Backend

The frontend will be independently developed to give Ara Pret greater flexibility over UI/UX, product discovery, filtering, fit/size experiences, reviews, recommendations and future custom features. Shopify will remain the core commerce backend for products, variants, inventory, pricing, customers, orders, checkout and related commerce operations.

This is a 3-month project-based role with end-to-end delivery responsibility, from technical architecture and frontend development through Shopify integration, testing, deployment and handover.

Key Responsibilities

• Develop a custom, responsive and mobile-first e-commerce frontend from scratch based on approved UI/UX designs.
• Build core experiences including homepage, navigation, collection/category pages, Product Detail Pages, search, cart, customer accounts and editorial/brand pages.
• Connect the custom frontend with the Shopify backend using Shopify Storefront APIs and other relevant APIs.
• Configure and integrate products, variants, collections, inventory, pricing, discounts, cart and checkout.
• Develop advanced product discovery features including search, sorting and filters by size, colour, price, category, fabric, fit, silhouette and other relevant attributes.
• Integrate product reviews & ratings, size guides, wish list, product recommendations, recently viewed products and other approved features.
• Build the architecture to support future features such as fit finder/size recommendation, personalised product discovery, shop-the-look and styling tools.
• Integrate required third-party tools/APIs without compromising website speed or stability.
• Implement analytics and customer-event tracking across the complete shopping funnel.
• Ensure strong performance, technical SEO, security, accessibility and cross-device/browser compatibility.
• Conduct complete QA from product discovery through checkout and purchase.
• Maintain clean, scalable, version-controlled code and provide full technical documentation and handover at project completion.

Required Technical Skills

Strong experience in the following is essential:

• React.js / Next.js or Shopify Hydrogen
• JavaScript / TypeScript
• HTML5, CSS3 and responsive frontend development
• Headless Shopify architecture
• Shopify Storefront API / GraphQL
• Shopify Admin API where required
• Shopify Customer Account integration
• Shopify products, variants, collections and metafields/metaobjects
• Cart and Shopify checkout integration
• REST API / third-party API integrations
• Search and filtering architecture
• Git / GitHub and version control
• Deployment using platforms such as Vercel, Shopify Oxygen or equivalent
• GA4, Meta Pixel and e-commerce event tracking
• Performance optimisation and Core Web Vitals
• Technical SEO

The candidate should be able to take Figma/UI designs and accurately translate them into a production-quality fashion e-commerce experience.

Experience with fashion, luxury, lifestyle or D2C e-commerce is strongly preferred.

3-Month Project Deliverables

Month 1 — Architecture + Core Build

• Finalise technical architecture
• Set up development environment and code repository
• Build frontend design system/components
• Develop homepage, navigation, collection pages and PDP
• Establish Shopify product/API architecture

Month 2 — Commerce + Features

• Complete Shopify backend integration
• Search, filters and sorting
• Reviews & ratings
• Size guide
• Wishlist/recommendations
• Customer account and cart
• Third-party integrations
• Analytics and event tracking
• Complete remaining pages and mobile experience

Month 3 — Optimisation + Launch

• End-to-end integration testing
• Mobile/device/browser QA
• Performance and Core Web Vitals optimisation
• Technical SEO
• Analytics validation
• Bug fixing
• Production deployment
• Documentation and internal-team handover
• Post-launch stabilisati…