Objective

To recreate the provided Figma design into a pixel-perfect, responsive Shopify page using Replo, while ensuring attention to detail and smooth functionality.

Process & Tools Used

1.Shopify Backend (Product Data Modeling & Management): Structured product variants, pricing logic, and backend configurations.

2.Replo: Webpage development, layout building, and responsive design creation.

Additional Enhancements (Beyond Brief)

1.Price differentiation based on size selection

2.Price adjustments with quantity-based product selection

3.Linking customer reviews to testimonials

4.Mobile-friendly finger slider

Outcome

It seemed like an easy design at first, but hats off to the designer they clearly created it with thorough consideration to test a developer’s attention to detail. It turned out to be a fun experience for me. Using my Shopify skills and expertise, it felt manageable, though this was my first time working with Replo. While Replo does make things easier, I also found it a bit limiting in some areas otherwise, it’s a good tool to work with.

Note:
1. To follow the link to my project and access the same please use - 'rtaipi' as password. And after you enter into my workspace, please revisit the same link second time to access the final output. The first one takes you to shopify store

     2. I had requested for high resolution images as mentioned however, I haven't received any I understand the team would be occupied with important urgencies. I hope you don't mind the same.

     3. In the add to cart button the product name is being fetched which is 'The Magic Box' and in the design it just says 'Magic Box' while it's possible it didn't seem efficient so I have taken the liberty to adjust it according to my best understanding.

4. Please contact if you face any issues/challenges while accessing I shall be available throughout on my email- arnavk194@gmail.com and my contact number +91 63775 94676