Skip to content

Birchwood Price Tools Shopify B2B design and development

Birchwood Price Tools approached Blunt Notion directly to rethink the design and build the front end of its Shopify B2B store. The project needed more than a visual tidy-up: it needed a connected customer-facing experience, with custom functionality beyond what the base theme provided.

We redesigned the storefront and developed its front-end experience, from category navigation and product presentation to quick ordering, saved-list interactions and account-facing screens.

Client

Birchwood Price Tools

Location

Ilminster

Industry

  • Tools and trade supply

Actions

  • Responsive front-end development
  • Shopify theme development
  • Web Design
  • Web Development

Date

02/10/2026

Birchwood Price Tools homepage and product interfaces arranged within its black, white and blue visual identity

A design system, not isolated screens.

The existing theme was a starting point, not a finished design. We reworked the customer-facing layouts, typography, spacing and product presentation so the store felt consistent from the homepage through to the catalogue and account-facing screens.

Design and development progressed together. That let us work through how the interfaces should behave as well as how they should look, using existing theme capabilities where appropriate and writing custom front-end code where more was needed.

Illustration of product-code entry, validation, quantity selection and basket feedback in a quick-order workflow

Quick ordering built around product codes.

For a buyer who already knows what they need, opening every product page is not always the right route. We developed quick-order functionality around product-code lookup and quantity entry, with single-item and bulk-input workflows.

The work included input validation, clear feedback and basket updates: the less visible details that help an ordering interface behave as a connected part of the store. This was custom front-end development, not simply enabling a base-theme setting.

Birchwood Price Tools catalogue presentation showing category navigation, filters and product cards

Make the catalogue easier to work through.

We worked across category navigation, search, filters and product cards to give customers clearer routes through the range. On product pages, codes, stock, delivery information and related sizes needed a readable hierarchy rather than competing for attention.

For trade-facing screens, the interface presents pricing and quantity information from Shopify’s B2B setup. Our contribution was the front-end presentation and behaviour around that information, not a replacement pricing engine.

Illustration linking saved products, quantity selection, basket updates and storefront feedback

Shopify wishlist customisation and basket updates.

Saved lists should feel like part of the storefront, not a disconnected add-on. We customised the app-facing interface and its basket interactions, including product-code presentation and cart-refresh behaviour.

The underlying wishlist app remained in place. Our work connected and refined the customer-facing experience around it, including compatibility work as the app’s interface evolved.

Let’s talk Shopify websites
Birchwood Price Tools catalogue with product cards and browsing controls

One visual direction.

A consistent approach to layouts, navigation and product presentation across the customer-facing store.

More than one way to find a product.

Category browsing, search and product-code ordering support different ways of working through a trade catalogue.

Custom functionality where it mattered.

Front-end development beyond the base theme, including quick-order workflows and saved-list interactions.

Clear responsibilities behind the scenes.

A substantial design and front-end contribution that worked alongside the agency responsible for integrations and launch.

Does your Shopify front end do the business justice?

Show us the store, the designs or the functionality you need. We can help define the design and front-end development work needed to move it forward.

Discuss your Shopify project
Contact Blunt Notion.