Mystic Circuits Shop

Mystic Circuits is an electronic musical instrument start- up designing and manufacturing analog synthesizers. I worked with them to redesign their website and build their online shop, enabling them to offer sales to and make connections directly with buyers rather than having to rely on 3rd party dealers.

Launch:
January 15, 2019

The Challenge:

Update and modernize their website’s look and feel as well as develop their first online store, all in under 40 hours.

The Solution:

Design, build, and launch their first eCommerce website with a robust and custom CMS all through Webflow

The Process:

Quick Sketches > Sketch UI > Webflow

I made some simple sketches and then worked in Sketch to layout the website. Once the client approved my Sketch designs I started laying out the website in Webflow. After I had the main nav / hero / product / CTA / footer sections designed, I began building his custom product CMS. I assign the default “Product Fields”, and then design a template product page in which I place the “Product Fields” and define their styles. Then any time Mystic Circuits wants to publish a new product, they simply fill out the Product Fields form and it automatically generates a designed product page.

Defining the default product fields.
No items found.

Mystic Circuits Shop

Mystic Circuits is an electronic musical instrument start- up designing and manufacturing analog synthesizers. I worked with them to redesign their website and build their online shop, enabling them to offer sales to and make connections directly with buyers rather than having to rely on 3rd party dealers.

Launch:
January 15, 2019

The Challenge:

Update and modernize their website’s look and feel as well as develop their first online store, all in under 40 hours.

The Solution:

Design, build, and launch their first eCommerce website with a robust and custom CMS all through Webflow

The Process:

Quick Sketches > Sketch UI > Webflow

I made some simple sketches and then worked in Sketch to layout the website. Once the client approved my Sketch designs I started laying out the website in Webflow. After I had the main nav / hero / product / CTA / footer sections designed, I began building his custom product CMS. I assign the default “Product Fields”, and then design a template product page in which I place the “Product Fields” and define their styles. Then any time Mystic Circuits wants to publish a new product, they simply fill out the Product Fields form and it automatically generates a designed product page.

Defining the default product fields.