BigCommerce migration and redesign

BigCommerce Migration and Redesign:
VetFriends

VetFriends has connected and outfitted US veterans since 2000. Its store sat on an outdated platform, behind a design that made products hard to find and felt cramped on a phone. We moved it to BigCommerce and rebuilt it mobile first, so a veteran can shop by branch from the first screen.

Since 2000
Founded by a US veteran
5
Service branches to shop by
Mobile first
Phone, then tablet, then desktop
The redesigned VetFriends store on BigCommerce, shown on a desktop monitor and a phone: navigation by military branch above a US Veteran Cap banner and a row of guarantees
Client
VetFriends
Founded
2000, by a US veteran, to reconnect, honor, and support veterans
Industry
Military and veteran apparel and gifts for every branch
Platform
BigCommerce, moved from an outdated platform
Work
Store migration, full redesign, mobile-first responsive build
Pages redesigned
Homepage, category pages, product pages, and information pages

The screenshots on this page show the store as we delivered it. It still runs on BigCommerce, and its header and homepage have been updated since.

Published . Updated .

The challenge

A Store That Was Hard to Shop

VetFriends was founded in 2000 by a US veteran with a mission to reconnect, honor, and support veterans and those still serving. Alongside helping veterans find one another, it sells products for the Army, Navy, Air Force, Marine Corps, Coast Guard, and more.

When VetFriends came to MAK Digital, the store ran on an outdated platform with a design to match. Finding a product was frustrating. A customer had to click once or twice before seeing anything for sale, and on a phone or a tablet the pages felt cramped and unorganized.

What VetFriends needed most was a store that was easier to navigate, with a modern design its customers would find easier to use, on a platform with more room to grow. That meant a BigCommerce store migration and a redesign at the same time.

What we did

A New Platform and a Redesign of Every Page Type

The move to BigCommerce and the redesign were one project, built phone first.

  1. From an Outdated Platform to BigCommerce
  2. A Homepage That Leads With Products
  3. Category, Product, and Information Pages
  4. Mobile First, Then Tablet, Then Desktop

Migration

From an Outdated Platform to BigCommerce

Our job was to bring the store up to a modern standard and move it to the more robust BigCommerce platform. A migration carries the catalog, the customers, and the order history across, and keeps the old addresses pointing at the new pages so search visibility comes along too.

That work is described on our BigCommerce data migration page. The storefront was then built by our BigCommerce development team.

Design

A Homepage That Leads With Products

We started by redesigning the homepage completely, with high-quality images and a structure that makes it easy to find what you came for. The main navigation is the branches themselves: Army, Navy, Air Force, Marine Corps, and Coast Guard, followed by era, veterans, and patriotic collections.

Below the banner, a customer can shop by product type, shop by branch of military, and browse best sellers, all without leaving the homepage. On the previous site the same customer needed one or two clicks before any product appeared.

A row of guarantees sits high on the page: a 365-day refund policy, the store's record with veteran shoppers since 2000, its prices, and free shipping over $75. For how we approach pages like this, see BigCommerce web design.

Design

Category, Product, and Information Pages

The redesign went past the homepage. We rebuilt the category pages, the product pages, and the information pages such as About Us, so the whole store shares one look and one way of working.

The new design gives customers a store that feels trustworthy and takes fewer steps to buy from. Trust and ease of use are the two things our eCommerce user experience work is built on.

Responsive design

Mobile First, Then Tablet, Then Desktop

The old site felt cramped on phones and tablets. We designed the phone layout first and made sure everything carried through to the tablet and the desktop. The pages now have room to breathe, and the menu button and the shopping cart are easier to find and easier to press.

This matters for search as well as for shoppers. Google finished moving its index to mobile-first in October 2023, so the phone version of a page is the one it reads. Our responsive design page explains the approach.

Before and after

The Old Site and the New Store, Side by Side

The same homepage before and after the project, on a tablet and on a phone. Select any screenshot to open it at full size.

Homepage on a Tablet

Before, the page opened on a sign-up form and the Military Buddy Finder. The shop was one item in the menu.

After, the branches are the menu, a product banner leads, and product types, branches, and best sellers follow on the same page.

Before

VetFriends homepage on a tablet before the redesign: a Tell us about your service sign-up form, the Military Buddy Finder text, and membership benefits, with no products shown

After

VetFriends store homepage on a tablet after the redesign: branch navigation, a US Veteran Cap banner, a row of guarantees, shop by product type, shop by branch of military, and Army best sellers

Homepage on a Phone

Before, a form and long paragraphs filled the screen, with sign-up and login links at the top.

After, the menu button and the cart sit at the top where they are easy to find and press, with the search box, the banner, and the guarantees stacked below.

Before

VetFriends homepage on a phone before the redesign: a service sign-up form over photos, then a long paragraph about the Military Buddy Finder

After

VetFriends store homepage on a phone after the redesign: a menu button, the logo, and the cart at the top, a search box, a US Veteran Cap banner, and four guarantees stacked in a column

The outcome

A Store Veterans Can Shop in One Step

VetFriends came out of the project on BigCommerce with every page type redesigned. Products that used to sit one or two clicks deep now start on the homepage, organized the way its customers think: by branch of service.

VetFriends before and after the project
AreaBeforeAfter
PlatformAn outdated platformBigCommerce
HomepageA sign-up form and member contentShop by branch, by product type, and from best sellers
Clicks to a productOne or twoNone: products are on the homepage
NavigationThe shop as one menu itemArmy, Navy, Air Force, Marine Corps, Coast Guard, and more
Phones and tabletsCramped and unorganizedDesigned phone first, with room around every control
DesignOutdatedModern and consistent across homepage, category, product, and information pages

The "Before" column describes the previous site as it appears in the screenshots on this page and in the original project notes.

What it shows

What Other Store Owners Can Take From This

The customers here are veterans. The decisions apply to any store whose products are buried.

  • Put products on the first screen

    Every click before a product is a chance to leave. If your homepage leads with something else, give the store a front door that sells.

  • Organize the way customers think

    A veteran looks for a branch before a product type. Build the menu from how your customers describe themselves and what they want.

  • Design the phone first

    A layout that works on a small screen has already made its hard choices. Google reads the phone version too. See responsive design.

  • Redesign during the migration

    A platform move already rebuilds every template. Doing the redesign in the same project avoids paying for that work twice.

Questions About This BigCommerce Redesign

What we did for VetFriends and what it means for a store in the same position.

What did MAK Digital do for VetFriends?

We migrated the VetFriends store from an outdated platform to BigCommerce and redesigned it completely: the homepage, the category pages, the product pages, and the information pages. The build was mobile first, so it works on phones, tablets, and desktops.

What changed on the VetFriends homepage?

The old homepage opened on a sign-up form, and products were one or two clicks away. The new homepage lets customers shop by branch of military, shop by product type, and browse best sellers right away, under a row of guarantees that includes a 365-day refund policy.

What does mobile first mean in a redesign?

The phone layout is designed before the desktop one. Controls such as the menu button and the cart are sized and placed for a thumb, and the content is ordered for a narrow screen. The tablet and desktop layouts then grow out of it. Google completed its move to mobile-first indexing in October 2023, which means it reads the phone version of a page.

Is the VetFriends store still on BigCommerce?

Yes. As of October 2026, store.vetfriends.com runs on BigCommerce. Its header and homepage have been updated since the screenshots on this page were taken.

Can a migration and a redesign happen at the same time?

Yes, and it is usually the better order. A migration rebuilds every template on the new platform, so the redesign can be built once, directly on it. See our BigCommerce store migration page for how we run a move.

Can you redesign my BigCommerce store?

Yes. We design and build BigCommerce stores and redesign existing ones. See BigCommerce web design and more before and after examples, or request a quote.

Are Your Products Hard to Find? Let Us Take a Look.

Tell us what your store runs on and where customers get stuck. We will tell you what we would change first.

See all Case Studies

More on BigCommerce Redesigns

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.