< KellyNg />

Overview

John Masters Organics is a globally recognized brand that offers premium organic haircare and skincare products. For the Japanese market, the brand runs a localized e-commerce and informational platform. The PL Series Skincare page was created to introduce their high-performance skincare line, combining organic ingredients with scientific innovation.

Role

I was responsible for implementing the front-end and CMS integration for the PL Series Skincare landing page on the John Masters Organics Japan site. Working within the Shopify platform, I focused on creating a layout that reflects the brand’s premium organic identity while ensuring smooth user experience and easy product discovery.

Key responsibilities included:

• Developed a custom Shopify section using Liquid, HTML, SCSS, and JavaScript

• Translated PSD design into a pixel-perfect, responsive layout

• Implemented smooth scroll animations and dynamic in-page navigation for a storytelling approach

• Integrated structured content blocks for skincare feature highlights, ingredients, usage tips, and user testimonials

• Ensured mobile-first optimization and browser compatibility

• Delivered modular code to allow for future content updates and product expansion

• Worked closely with the marketing and design team to align with brand tone and visuals

Result & Impact

The PL Series Skincare page helped elevate the online presentation of John Masters Organics’ skincare line in Japan. With a focus on storytelling and visual clarity, the page increased user engagement and time on site. Mobile optimization and intuitive content flow improved product understanding and supported conversions within the Shopify ecosystem. The internal team is now able to manage and update the page for seasonal campaigns and new releases efficiently.