ProjectsAboutSkillsContact

PROJECTS / SHOPIFY

A Shopify store combining learning content and product personalisation

I developed storefront components, shopping journeys, structured learning content and product personalisation. The work connected a filterable learning-project catalogue with product discovery and validated artwork uploads.

Frontend implementation across an existing Shopify storefront.

Shopify · Liquid · JavaScript · metaobjects · metafields

All projects

A Shopify store combining learning content and product personalisation

Concept illustration of a fictional learning-project catalogue beside a product-personalisation form and artwork preview.

Challenge. Decision. Outcome.

01 / Challenge

Develop an existing Shopify storefront across shared interface components, product discovery, shopping journeys, learning materials and personalised orders. The work needed to connect these areas while allowing content to remain manageable in Shopify.

02 / Decision

I developed configurable design-system elements and reusable components, and reworked navigation, the footer and the cart drawer. Repeated carousel and interaction behaviour was moved into shared mechanisms so different sections could use a consistent approach.

03 / Outcome

The described changes were released to production. My contribution covered the shared interface, product selection and purchasing, structured learning content and order personalisation. The work also included mobile overflow, Safari, layout-shift and sticky-panel fixes. No quantitative commercial result or sole authorship of the entire store is claimed.

Shared storefront behaviour

I developed configurable design-system elements and reusable components, and reworked navigation, the footer and the cart drawer. Repeated carousel and interaction behaviour was moved into shared mechanisms so different sections could use a consistent approach.

Learning content connected to products

I built pages for techniques, step-by-step instructions, video, galleries and related products. I moved the learning-project catalogue to Shopify metaobjects and implemented filtering across multiple characteristics, loading additional content, error states and retry actions. Structured learning materials could be managed within Shopify and connected to relevant products.

Product discovery and personalisation

I reworked collection controls, sorting, sticky controls and responsive product grids. I implemented quick view with media, variants and purchasing, fullscreen media viewing and recently viewed products. For personalised orders, I added surface selection, additional details and artwork uploads with format and size validation, drag-and-drop, preview and confirmation of usage rights. Purchase availability depended on valid personalisation and an available variant.

Result and handover

The described changes were released to production. My contribution covered the shared interface, product selection and purchasing, structured learning content and order personalisation. The work also included mobile overflow, Safari, layout-shift and sticky-panel fixes. No quantitative commercial result or sole authorship of the entire store is claimed.

Frontend implementation across an existing Shopify storefront.

Next project

A modular product page with order personalisation

Concept illustration of a fictional customisable product page with file rows, variant controls and a synchronised sticky purchase bar.
View case study →All projects

05 / CONTACT

Get in touch

Have a project, a technical challenge, or a collaboration in mind? Send me a message.

Message me on TelegramEmail me

  • Telegram
  • ·Email
  • ·LinkedIn
  • ·+380 99 257 86 23

Frontend Developer · React/Next.js and Shopify

Odesa, Ukraine

ProjectsAboutSkillsContact
TelegramEmailLinkedIn+380 99 257 86 23

© 2026 Vladyslav Osipov