MyLifeforce ecommerce

Next.js

TypeScript

StoryBlok

MyLifeForce is an ecommerce platform for health and wellbeing products and services. I worked on the marketing pages of the application which were used to drive traffic to the product pages.

StoryBlok

The aim was to build a set of components that could all be used interchangeably to build various marketing pages. In order to have an easy visual way to manage and use these components, StoryBlok was used as it has a sinple interface that can be used without having to worry about code. Each component has a number of fields that can customized through the visual interface:

Example of StoryBlok fields

Each component can then be moved to be in the preferred order:

Example of StoryBlok reordering

The combination of these two features allows any one to create a new marketing page quickly and easily.

My responsibilities

  • Building the components in React based on the provided designs
  • Mapping the components to the corresponding StoryBlok component
  • Adding all the required customisation options to the components
  • Building the component to handle the page building logic