Moog Music is a storied maker of electronic musical instruments based out of Asheville, NC. Moog hired Brick Factory to complete the front and backend development of its new website, which it planned to launch at the same time as its ground-breaking new polyphonic synthesizer: the Moog One.

Live Video

A key part of Moog’s strategy for the new site is using live videos to connect with its fans and customers.  Most days the Moog homepage features a live feed ot Moog staff building instruments live from the factory floor.  Around once a week Moog hosts live events, where staff demonstrate features of its instruments and take questions live from viewers.

Chat

Moog wanted to use the new site to break down the walls between the company and its customers.  To facilitate this connection, the new site features a custom live chat experience. Built using the Zendesk API, the chat is seamlessly integrated into the sites overall design and allows visitors to chat with Moog staff during business hours.

Dealers

Moog relies on a network of partners to sell most of its instruments.  Using a map-based interface, the desktop version of the Dealer page automatically connects visitors to the Moog dealers nearest to them.  To improve performance for users on the go, the mobile interface removes the map interface and presents the nearest dealers in a list view.

Store

While it sells most of its instruments through its partners, Moog sells many accessories and promo items directly to customers.  Powered by Magento, the Moog store features a custom design that works seamlessly with the overall site design.

Mobile Experience

A significant percentage of Moog visitors access the site from mobile devices, so it was vital that the site work well on phones.  On phones, the site switches from horizontal to vertical scrolling. The site navigation system and key sections have been modified to serve the needs of mobile visitors.

Headless Drupal

The Moog site is designed to function more like a desktop application than a traditional website.  Given the complexity of the frontend interface, the sites frontend was built in Angular.JS while the backend is powered by Drupal 8.  The combo allows the site to provide a great experience to both users and content editors.