Shopify Plus Store Development for an Electric & 125cc Motorbike Brand (B2C & B2B)

We turned the Figma design into a custom Shopify Plus store for NEXT Motors, giving riders, businesses and dealers one platform to explore models, book test drives and buy.

NEXT Motors
Technology

Technologies That We Used

A scalable setup that supports retail customers, business accounts and growth.

What We Do

NEXT Motors needed a store that could sell to individual riders and also serve fleets and distributors. We handled the full build, from Figma to a live Shopify Plus store.

  1. Figma-to-Shopify Plus Development: Built the full store from scratch, matching the Figma design across the homepage, product pages, content pages and blog.
  2. B2C Storefront: Created a smooth shopping experience for riders, with clear model pages, comparison tools and easy test drive booking.
  3. B2B Platform: Set up business features for fleets and distributors, including company accounts and dedicated pages for fleet and distributor enquiries.
  4. Model Pages & Configurator: Built detailed product pages with image galleries, key specs, 3D views and a model configurator.
  5. Model Comparison Table: Added a side-by-side table so shoppers can compare price, motor, battery, range and top speed across all models.
  6. Test Drive Booking: Created clear call-to-action paths, so visitors can reserve a test drive at a nearby dealer.
  7. Multi-Language & Payment Setup: Prepared the store for several languages and local payment options such as Bizum, Klarna, Apple Pay and Google Pay.
Contact Us
next_motors_what_we_do

Project Overview

NEXT Motors is a Spanish brand that designs electric motorbikes and 125cc petrol scooters for city riding, with a range from the 50cc NX1 to the 125cc NXCross. Its customers include private riders, delivery and rental businesses, and local dealers. The brand needed one platform that could serve all of them. Working from Figma, we built the whole store on Shopify Plus, with a B2C storefront for riders and a B2B setup for fleets and distributors, plus tools that help shoppers choose, compare and test ride.

Team Size 4 Members
Timeline 3 Months
Contact Us

Project Challenges

A high-value product with several customer types needs a store that explains, compares and guides.

  • ✓ Build the entire store from scratch without an existing storefront to copy.
  • ✓ Serve private riders and business customers on one platform.
  • ✓ Present a range of seven models, each with detailed specs, clearly.
  • ✓ Help shoppers choose between electric, 50cc and 125cc options.
  • ✓ Guide visitors toward a test drive as well as an online purchase.
  • ✓ Prepare the store for multiple languages and local payment methods.

Project Solutions

We built the store in clear stages, with B2C and B2B in mind from day one.

  • ✓ Planned the store structure around the customer journeys: browse, compare, test drive and buy.
  • ✓ Built reusable sections from the Figma design, so every page feels consistent.
  • ✓ Added category-based navigation for 50cc electric, 125cc electric, 125cc petrol and businesses.
  • ✓ Created model pages with galleries, spec highlights, a 3D viewer and configure and test drive buttons.
  • ✓ Added a comparison table so shoppers can see all models side by side.
  • ✓ Set up Shopify B2B and dedicated fleet and distributor pages for business customers.
  • ✓ Added a blog and content pages to support search traffic and answer buyer questions.
Contact Us

Our Development Approach

We moved from planning to design to build in a steady order, so the launch stayed on time.

Explore

Kickoff with the NEXT Motors team
Review of the Figma design and page list
B2C and B2B requirements
Product, content and payment checklist

Implement

Theme setup and Figma-based layouts
Model pages and configurator setup
Comparison table and test drive booking paths
B2B accounts, fleet and distributor pages
Multi-language and payment setup
Speed and image optimisation

Execute

Mobile, browser and checkout testing
B2B account and ordering tests
Tracking and analytics setup
Launch and handover to the team

Project Features

What makes the NEXT Motors store work for riders, businesses and the team.

  1. Design-Accurate Build: A store that closely follows the Figma design.
  2. Model Pages with 3D Views: Rich galleries and interactive views for each model.
  3. Model Configurator: Easy selection of options for each bike.
  4. Comparison Table: All seven models compared side by side.
  5. Test Drive Booking: Clear paths to reserve a ride at a dealer.
  6. B2B Accounts & Pages: Dedicated fleet and distributor sections.
  7. Local Payment Options: Support for cards, wallets, Bizum and buy now, pay later.
  8. Content & Blog: Articles on regulations, costs and incentives for riders.
  9. Mobile-Friendly Layouts: A smooth experience on phones and tablets.
Start Your Project

Results & Outcomes

What the new store gave NEXT Motors.

  • A complete B2C and B2B store live in just 3 months.
  • Test drive bookings up by 35% in the first two months.
  • Business and distributor enquiries up by 40% through the new fleet and distributor pages.
  • Mobile page load time under 2.5 seconds.
  • Average time on model pages up by 28%.
  • Team manages products, pages and B2B accounts on its own, with no developer help needed.
Contact Us