Skip to content
heapbyte - A name of excellence

Case study · 2025

BE O Lifestyle Product Customizer

The client wanted a simple branded customization experience, not another monthly app controlling the page layout.

  • Shopify
  • Liquid
  • JavaScript
  • Custom theme settings
Discipline
Product personalization · Live preview · Custom Shopify development
Year
2025
Engagement
Fixed scope
Status
Live
beolifestyle.com
BEO Lifestyle

01Context

  • Build a branded live product-customization experience.
  • Support multiple products, colors, and uploaded customer logos.
  • Keep future products manageable without recurring app fees.

BE O Lifestyle sells reusable drinkware and offers branded products for business customers.

Its printing page needed to let customers choose a product and color, upload a logo, see that artwork immediately on the product, and submit the configuration for quotation.

Several Shopify personalization apps were tested but imposed layout restrictions, missing functionality, or additional subscription costs.

02What was in the way

  1. 01

    Third-party app limitations

    Available apps did not provide sufficient control over layout and behavior without additional paid tiers.

  2. 02

    Live logo placement

    Uploaded artwork had to appear immediately on the selected product preview.

  3. 03

    Maintainability

    The client needed to add future products without commissioning another hardcoded interface.

03Architecture

What we built, and what we deliberately left alone.

  1. 01

    Custom-coded personalizer

    The customization flow runs directly inside the Shopify storefront rather than depending on a personalization SaaS.

  2. 02

    Dynamic product configuration

    Products can be enabled through settings so the interface grows with the catalog.

  3. 03

    Separate lead workflow

    The tool supports business printing enquiries without interfering with the ordinary B2C shopping experience.

FIGMA / DESIGNERP · NETSUITECRM · KLAVIYOHEAPBYTE LAYERSTOREFRONT / THEMECHECKOUT EXTENSIONSSHOPIFY FUNCTIONS

Delivery

  1. Theme & typography setup
  2. Personalizer prototype
  3. Product/color configuration
  4. Form integration
  5. Client refinements

04Outcome

Product families
3 initial types

Bottle, cup, and mug

Recurring app fee
Removed

Custom implementation replaced paid personalization apps

Future products
Configurable

Products can be enabled through settings

Customer preview
Immediate

Uploaded logo displayed in the customizer

05Engineering notes

Image upload
Customer logo files are incorporated into the live preview and quotation workflow.
Product settings
Supported products are selected through configurable settings rather than source-code edits.
Form handoff
Configuration leads into a structured enquiry form routed to the business team.
Localization
The final customization interface was adapted to Dutch storefront language and brand styling.

What we took from it

  1. 01A custom tool can be simpler than adapting an oversized personalization app.
  2. 02Product customization UX needs immediate visual feedback.
  3. 03Merchant configurability is part of maintainability.
  4. 04B2B personalization flows do not always belong on ordinary PDPs.

Next case study

Vorhang Schweiz

We built custom Shopify configuration and pricing logic for made-to-measure curtains and window products driven by dimensions, fabrics, and installation options.

Similar problem?

We will tell you whether this approach fits.

Every store is different. Send us yours and we will say what we would actually do — including when the answer is less work, not more.