Panasonic
L’Objet creates designs for the home that are both luxurious and functional works of art, crafted with the highest degree of excellence and quality.
Redesigning their e-Commerce site for a more intuitive user experience and better site speed.
- UI/UX Design
- Development
Client
Shop Panasonic is a one-stop eCommerce experience that lets customers browse Panasonic’s diverse range of product offerings in a single Shopify storefront.
Overview
Showcase Panasonic’s diverse range of product offerings in a single Shopify Plus storefront and admin, with brand-specific frontend styling and UX for each of the top-level product lines, including Lumix, Multishape, Panasonic Kitchen, Smart Home, SoundSlayer Gaming, and Headphones and Entertainment. Use custom-developed APIs to sync the Shopify backend with multiple fulfillment and marketing channels, with integrations for Price Spider and ERP dashboards.
What We Did
Designed and developed a custom Shopify Plus storefront, with five top-level brand sections that each have their own unique styling and UX functionality. Developed branded PDP experiences based on unique product content, with flexibility to allow non-technical internal teams to add special promotions and external links to preferred vendors from the Shopify Admin, without the need for a developer or code edits. Developed a custom multi-admin experience that hooks in multiple fulfillment, inventory, and payment requirements.
- Shopify Plus Design
- Shopify Plus Development
- Custom Shopify Themes
- Headless CMS
Project Information
The idea behind Shop.Panasonic was to give customers a top-down view of the entire Panasonic product line, with brand-specific styling and UI/UX for each of the different brand categories. To accomplish this goal on the frontend, we essentially would need to build five separate custom Shopify themes, and then tie them together with a combined homepage and nav menu by leveraging a custom semi-headless CMS configuration.
The bigger challenge was in the backend, where we would need to hook in five separate Admins, with unique payment, inventory, and fulfillment requirements for each brand category. The multi-admin configuration would allow each brand to manage their own areas of the site independently, with shared access for high-level Panasonic leadership.
Challenges
- Create a multi-themed Shopify Plus storefront with five unique frontend experiences with brand-specific styling and UI/UX
- Create a multi-admin backend experience, with unique payment, inventory and fulfillment settings for each brand channel
- Give non-developer internal teams the ability to add special promotions at a product level, or site-wide
- Give non-developer internal teams the ability to add external links to preferred vendors at a product level, respecting regional distribution contracts and availability requirements
- Develop custom API configurations to integrate Price Spider and ERP dashboards
Our Solution
Five Themes, One Storefront
We developed a lightning-fast, custom frontend configuration that gives customers a bird’s eye view of the entire Panasonic product line, with brand-specific styling and UI/UX for each of the five different specialty brands. We essentially built five separate themes, and then used a semi-headless CMS configuration to tie them together in a combined homepage and navigation menu. This tiered, multi-level navigation system allows users to seamlessly and intuitively navigate between five different brand menus, and over 40 category sub-menus.
Multi-Channel Admin and Fulfillment
Each of the five frontend themes has relevant backend functionality. We developed a custom backend configuration that hooks in five separate Shopify Admins, with unique payment, inventory, and fulfillment requirements for each top-level brand. The multi-admin configuration allows each sub-brand to manage their own section of the site independently, with shared access for high-level Panasonic leadership. To give high-level leaders access to the full scope of the Shop.Panasonic backend, we developed custom APIs that tie into multiple fulfillment and ERP channels.
Dynamic Functionality, No Coding Required
Due to restrictions from regional distribution contracts, certain Panasonic product lines are not available for direct purchase on Shop.Panasonic. To sidestep this limitation, we developed an external linking system that leverages Shopify Metafields, allowing non-developer internal teams to manually assign external links to the preferred buying channel for each product, without touching the theme code. Similarly, leveraging Metafields and a custom API configuration, we developed a Price Spider integration that allows brand leaders to manage promotions dynamically, either at a per-product, or sitewide basis, without the need for further development.
