Arbor | Designed & Developed PDP in Replo

Role: Designer & Developer Platform: Replo (Shopify)

I designed and developed a fully responsive, brand-aligned Product Detail Page (PDP) for Arbor using Replo. The goal was to create a scalable and flexible template that maintains visual consistency while dynamically adapting to each product’s specific content and structure.

This PDP is applied across thousands of products—some with variants, some without. I implemented custom logic by adding custom shopify liquid code to handle this variability seamlessly.

Conditional Tabs: Installation and warranty guides are displayed only for relevant products. I added shopify liquid code to cater this too.

Dynamic Specifications Table: Adapted to support unique product specs while preserving a clean layout.

Consistent Accordions: Sections like Details, Key Features, Specifications, and FAQs show product-specific content but follow a uniform structure for a cohesive user experience.

The layout was optimized for all device sizes:

Desktop: Product images are stacked beside the buy box for quick access.

Tablet & Mobile: Product images are presented in a carousel for smoother navigation.

To enhance conversion and user engagement, I integrated several tools directly within Replo:

Vitals App: Integrated widgets like 'Customers Also Viewed' and 'Recently Viewed,' styled via custom code(css) to align with the PDP’s overall design.

Frequently Bought Together: Custom implementation to showcase bundles and increase AOV. Widget was styled via custom code(css) to align with the PDP’s overall design.

Okendo Reviews: Seamlessly integrated for trust-building social proof.

https://superarbor.io/products/giorbello-decor-indigo-3-in-x-12-in-glazed-ceramic-wave-subway-floor-and-wall-tile-5-sq-ft-carton?variant=51664431579503