BigCommerce migration and redesign · 2022 to 2023

Volusion to BigCommerce Migration:
Pro Audio LA

Pro Audio LA builds custom studio cabling in Los Angeles and sells the gear that plugs into it. Its Volusion store was nearly all white and left the team little control over its own content. Over twelve months we moved the store to BigCommerce and rebuilt it with page templates the staff choose themselves.

12 months
January 2022 to January 2023
8
Apps and services connected
9
Custom-built features
The redesigned Pro Audio LA store on BigCommerce, shown on a desktop monitor and a phone: a podcast studio photo with the heading Content Creation Solutions above category tiles for acoustics, equipment, and studio furniture
Client
Pro Audio LA
Location
Los Angeles, California. Custom cable shop and demo rooms.
Industry
Pro audio equipment, custom cabling, patchbays, acoustics, and studio furniture
Platform
Volusion to BigCommerce, on a custom Stencil theme
Timeline
January 2022 to January 2023
Work
Data migration, store design, custom Stencil development, app integrations, on-page SEO

Published . Updated .

The challenge

A Store That Said Less Than the Shop Does

Pro Audio LA describes its job as helping people "Make Better Music." The team designs and integrates studio systems, tunes workflows, gives engineering advice, and hand builds cables, snakes, panels, and patchbays in its Los Angeles cable shop. Visitors can try gear in working demo rooms.

The online store told a smaller story. It had run on Volusion for years, and the team had come to see the platform as a limit on growth. Pages were mostly white with little color or style, categories were rows of small thumbnails beside a long sidebar, and the staff had little say over how a category or product page was laid out.

They asked MAK Digital for three things: move all of the store's data to a platform with room to grow, give the staff control over content, and make sure the new store was sound for search and worked on every screen. After weighing its options, Pro Audio LA chose BigCommerce, and we handled the move as a full Volusion to BigCommerce migration.

What we did

Four Steps Over Twelve Months

The data migration came first. Design and custom development ran alongside it, and the last step before launch was a check of on-page SEO and every screen size.

  1. Data Migration From Volusion
  2. A Redesign With Color and a Clear Path
  3. Templates the Staff Choose
  4. On-Page SEO and Every Screen Size

Step 1 of 4

Data Migration From Volusion

Everything the store knew had to arrive on BigCommerce intact, and some of it had to change shape on the way. On Volusion, Pro Audio LA had used category pages to stand in for brand pages. A straight copy would have carried that workaround into the new store.

We wrote custom logic for the move so those categories became entries on a real Brands page, with their content attached. Extra product and category attributes that BigCommerce does not hold by default went into metafields, managed with the Space48 Metafields app, so the staff can edit them from the admin.

This is the work our BigCommerce data migration service covers: products, categories, customers, orders, and the SEO data that keeps old addresses pointing at new pages. If you are weighing a move, a migration audit shows what your own data will need.

Pro Audio LA homepage after the redesign on a desktop monitor: a header with Products, Services, Brands, Sales, and Financing menus and a search box, over a photo of a podcast studio with microphones on a round table
The new homepage: one photograph, one message, and the main departments one click away.

Step 2 of 4

A Redesign With Color and a Clear Path

Pro Audio LA curates a studio for each client. We set out to do the same with its store. The old site was mostly white. The new one opens on a photograph of a working podcast studio and uses color and photography throughout, so shopping online feels closer to walking into the Los Angeles shop.

Navigation was rebuilt around how customers look for gear. A custom mega navigation gathers everything under Products, Services, Brands, Sales, and Financing, with search in the header. Below the first screen, large tiles lead to acoustics, recording and live sound equipment, studio furniture, system design services, and the hand-built cabling the shop is known for.

The design followed our BigCommerce web design process, with user experience decisions made before visual ones.

Step 3 of 4

Templates the Staff Choose

Control over content was the request that shaped the build. A cable, a mixing console, and an acoustic panel do not sell the same way, so one layout for every page was never going to fit.

We built several custom templates each for category pages, product pages, and brand pages, with more than one view. When the staff add a category or a product, they pick the layout that suits it, at any time and without a developer. Category pages can show products as a list with descriptions or as a grid. Product pages carry tabs for the overview, specifications, questions, and accessories.

The mobile navigation and the side cart are custom React components, so a shopper can open the menu or review the cart without leaving the page. Images are delivered through the Cloudinary API for faster load times. All of it sits in a custom BigCommerce Stencil theme, built by our BigCommerce development team.

Step 4 of 4

On-Page SEO and Every Screen Size

A migration changes addresses, templates, and page weight at the same time, which is why search visibility can slip when a store moves. The last part of the project was a pass over on-page SEO across the new store and a check that every template worked on phones, tablets, and desktops.

For the ongoing side of that work, see our BigCommerce SEO services and responsive design pages.

Before and after

The Volusion Store and the BigCommerce Store, Side by Side

The same four screens before and after the project. Select any screenshot to open it at full size.

Homepage on a Phone

Before, a phone showed the desktop page shrunk to fit: a sidebar of category links too small to tap and a grid of thumbnails.

After, the phone number sits at the top, the menu and search are one tap away, and each department is a full-width tile.

Before

Pro Audio LA homepage on a phone before the redesign: the desktop layout scaled down, with a small sidebar of categories and a grid of cable thumbnails

After

Pro Audio LA homepage on a phone after the redesign: a call link, menu and search icons, a podcast studio photo, and full-width tiles for acoustics, equipment, and cabling

Homepage

Before, a sale banner led into rows of small category thumbnails on a white page, with payment logos down the side.

After, one studio photograph sets the tone and six tiles cover acoustics, equipment, studio furniture, services, cabling, and demo experiences.

Before

Pro Audio LA homepage on a tablet before the redesign: a demo product sale banner and rows of small thumbnails for featured categories, wiring, and infrastructure beside a sidebar

After

Pro Audio LA homepage on a tablet after the redesign: a podcast studio photo above colored tiles for acoustics, recording and live sound equipment, studio furniture, system design services, and handmade cabling

Category Page

Before, the patchbay category opened with a block of small text, then thumbnails, then a plain list.

After, subcategories are buttons under a title band, filters open from one bar, and the shopper switches between list and grid views.

Before

Pro Audio LA patchbay category on a tablet before the redesign: a paragraph of small text, small subcategory thumbnails, and a plain product list beside a sidebar

After

Pro Audio LA patchbay category on a tablet after the redesign: a Patchbays title band, twelve subcategory buttons, a filter bar, list and grid view buttons, and a product with its price and a Choose Options button

Product Page

Before, a small photo and small text shared the page with the sidebar and a column of accessories.

After, the photo, price, and savings lead, with warranty, financing, and cable credit badges beside the Add to Cart button and the details in tabs.

Before

Pro Audio LA product page for a Switchcraft patchbay on a tablet before the redesign: a small photo, small text, a sidebar, and a column of accessories

After

Pro Audio LA product page for a Switchcraft patchbay on a tablet after the redesign: a large photo, the sale price with the amount saved, warranty and financing badges, an Add to Cart button, and tabs for overview, specs, questions, and accessories

Technology

What the Store Runs On and What We Built

Apps handle the jobs apps do well. Custom code went where the store needed to behave in its own way.

Platform, apps, and services

  • BigCommerce Stencil: the theme framework the custom storefront is built on
  • Searchanise: on-site search
  • Stamped.io: product reviews
  • ShipperHQ: shipping rates at checkout
  • ShipStation: order fulfillment and labels
  • Rewind: store data backups
  • Space48 Metafields: extra product and category attributes
  • Cloudinary: image delivery
  • Bolt: payments

Custom programming

  • Complex data migration from Volusion to BigCommerce
  • Custom mega navigation
  • Custom category page with multiple views and templates
  • Custom product page with multiple views and templates
  • Custom Brands page, with logic to turn the categories once used as brand pages into brands
  • Space48 Metafields integration to extend product and category attributes
  • Cloudinary API integration for faster image loading
  • Custom React mobile navigation component
  • Custom React side cart

The outcome

One Year, One New Platform, a Store the Team Controls

The project ran from January 2022 to January 2023. Pro Audio LA came out of it with its data on BigCommerce, a design that carries the feel of its Los Angeles shop, and the thing it asked for first: control over its own content, through templates the staff select themselves.

12
Months, January 2022 to January 2023
8
Apps and services connected
9
Custom-built features
3
Page types with templates to choose from
Pro Audio LA before and after the project
AreaBeforeAfter
PlatformVolusionBigCommerce with a custom Stencil theme
LookMostly white, little colorColor and studio photography throughout
NavigationA sidebar list of categoriesCustom mega navigation, and a React menu on phones
Category pagesSmall text and thumbnailsSubcategory buttons, filters, list and grid views, several templates
Product pagesSmall photo and small text beside a sidebarLarge photo, price and savings, badges, tabbed details, several templates
Brand pagesCategory pages standing in for brandsA Brands page built from the migrated data
Content controlLimitedStaff choose the template for each category, product, and brand

The "Before" column describes the Volusion store as it appears in the screenshots on this page.

What it shows

What Other Store Owners Can Take From This

The details belong to one audio retailer. The decisions apply to most stores that have outgrown their platform.

  • Fix workarounds during the move

    Categories posing as brand pages were a workaround. Migration was the moment to turn them into real brands. A migration audit finds these before any data moves.

  • Build layouts the team can pick

    Several templates per page type let the staff match the layout to the product. Content changes stop waiting on a developer.

  • Use apps for standard jobs

    Search, reviews, shipping rates, and backups went to proven apps. Custom code was saved for navigation, templates, and the cart. See BigCommerce API and integrations.

  • Check SEO before launch

    A move changes addresses and templates at once. Review on-page SEO and every screen size before the switch, while a fix is still cheap.

Questions About This BigCommerce Migration

What we did for Pro Audio LA, how long it took, and what it means for a store on Volusion today.

What did MAK Digital do for Pro Audio LA?

Three things: we migrated all of the store's data from Volusion to BigCommerce, designed and built a new storefront on a custom Stencil theme with several templates for category, product, and brand pages, and confirmed on-page SEO and responsive behavior before launch.

How long did the Volusion to BigCommerce migration take?

One year, from January 2022 to January 2023. That covers the data migration, a full redesign, nine custom-built features, and eight app and service integrations. A store that keeps its design and needs less custom work moves faster. Our Volusion to BigCommerce migration page explains the steps.

Which apps and services does the store use?

Searchanise for on-site search, Stamped.io for reviews, ShipperHQ for shipping rates, ShipStation for fulfillment, Rewind for data backups, Space48 Metafields for extra product and category attributes, Cloudinary for image delivery, and Bolt for payments, all on a custom BigCommerce Stencil theme.

What was custom built?

The mega navigation, category and product pages with multiple views and templates, a Brands page with the logic to convert the categories Volusion had used as brand pages, the Space48 Metafields and Cloudinary API integrations, a React mobile navigation component, and a React side cart.

Why did Pro Audio LA choose BigCommerce?

The team saw its previous platform as a limit on growth and wanted more control over content. After weighing its options it chose BigCommerce. As a BigCommerce partner we then planned the move. If you are comparing platforms, start with our platform migration overview.

Can you migrate my Volusion store?

Yes. We move Volusion stores to BigCommerce and to other platforms, with products, customers, orders, and SEO data carried over. Start with a migration audit, or request a quote and tell us about your catalog.

Outgrown Your Platform? Plan the Move First.

Tell us what your store runs on and what it cannot do. We will tell you what a migration would involve and what we would build.

See all Case Studies

More on BigCommerce Development

From the eCommerce Experts

Read Our Blog

Start Your Project With Us

Share some details, and our team will follow up.

Please write at least 20 characters.

Click to upload or drag and dropUp to 5 files, 10 MB each

    Get the MAK Digital Newsletter

    eCommerce design, development, SEO, and marketing insights, a few times a month. No spam, unsubscribe any time.

    By subscribing you agree to our privacy policy.