Coreformer

Overview

Coreformer is a premium Pilates reformer combining German engineering with the Heartcore training method. I contributed to its web design and Framer development, building on the established creative direction with custom product interactions, responsive layouts, and CMS-managed content.

Design & Framer Development

Starting from the NORDIQ template and supplied Figma designs, I adapted the page structure and developed navigation, product cards, and interactive components. My design contribution included proportions, spacing, typography, and button behavior.

I built a custom testimonial component with fade-in transitions and refined navigation, video presentation, and product layouts across desktop, tablet, and mobile.

Product Configurator

I developed a custom configurator supporting five wood finishes and five upholstery options, creating 25 combinations. The two selections operate independently, with the chosen combination connected to its corresponding product information.

I combined Framer components with CMS-managed variant data to support configuration-specific images, descriptions, and prices. The selection interface and editable product content work together.

Product-to-Inquiry Logic

I wrote custom logic to carry the selected wood and upholstery combination from the product page into the inquiry form. I tested the transitions and checked that the configuration populated the corresponding form field.

Visitors can proceed without entering the same configuration again.

Content Management & Outcome

Further development included CMS-based legal pages, editable FAQ components, and custom CSS to align an embedded Klaviyo signup with the website’s layout. The legal-page setup supports rich text, heading hierarchy, and responsive formatting.

The resulting website lets visitors explore product variations and carry their choice into an inquiry, while the team manages variant information and supporting content through Framer.