This illustrative media keyboard pairs a rotary dial in the top right corner with a slim, brushed aluminium top frame. Choose a finish and a regional layout, UK, US or Nordic, and the build is sent as a quote request.
Layout is the decision that matters most and gets the least attention on many product pages. A UK board has a tall Enter key and a pound sign; a US board has a wide Enter key and a long left Shift; a Nordic board adds characters such as å, ä and ø. Typists notice every difference within a minute. The finish and dial sell the keyboard, but the layout decides whether it stays.
PC and gaming hardware Configurator demo
Media Keyboard
- Product
- Media Keyboard
- Colour
- Matte Black
- Layout
- UK
Illustrative product. The design and images are generated examples, not a real model for sale.
What you can configure
Matte black, silver, gunmetal and white are the finishes on show; navy and oxblood complete the six. Layout is UK, US or Nordic and is recorded in the summary while the image stays the same here. That is a real limitation for a keyboard, because legends and key shapes differ visibly. A production build would show the correct layout for each choice.
- Colour: Matte Black, Silver, Gunmetal, White
- Layout: UK, US, Nordic
Why a configurator suits keyboards
Across six finishes and three layouts there are eighteen SKUs, and they do not sell evenly. A UK retailer sells mostly UK layout, a Scandinavian distributor mostly Nordic, with US layout in both markets for enthusiasts and programmers. Stocking everything everywhere is expensive. A configurator that shows availability per layout, and offers made-to-order or pre-order for the rest, lets one product page serve every market.
Wrong-layout returns are a known cost in this category. Someone orders the US board because it ships sooner, then finds the Enter key and symbols are not where their hands expect. Showing the exact layout in the image, with the key differences highlighted, moves that discovery before checkout. A returned keyboard may not be resaleable as new, so this protects margin.
For brands selling through distributors, the configurator can be localised as well. Each market sees its default layout first, in its own currency, with its own stockists. The product data stays in one place, so a new finish or layout reaches every market at once instead of waiting for each distributor to update their listings.
How a production version would be built
Unlike many options, layout changes what the buyer sees, so I would render one top-down image per finish and layout. Eighteen images is manageable when the keyboard is rendered rather than photographed, because swapping legends in a 3D file is quick. A close-up of the left Shift and Enter area per layout helps buyers check the difference. The brand supplies SKUs, finish names, layout files and stock by region. Each market's store, whether on Shopify or WooCommerce, reads the same data with its own default layout.
Build sheet for this range
- Colours in the full range: 6 (4 shown in this demo)
- Layout choices: 3
- Combinations to support: 6 × 3 = 18
- Images for one photograph per combination at 3 angles: 54
- Images if layouts can be shown as separate layers, at 3 angles: 27
- Data each of the 18 combinations needs: a SKU or variant ID, price, stock or lead time, and any dimensions or specification that change
Questions about keyboard configurators
Does a keyboard configurator need a separate image for each layout?
Yes, if you want buyers to trust it. Legends and key shapes differ between UK, US and Nordic boards, and keyboard buyers look closely. Rendering makes this practical: once the model exists, swapping legend sets is quick. A detail view of the Enter and Shift keys helps buyers spot the difference at a glance.
Can the configurator default to the right layout for each country?
That is straightforward. It can read the store's market setting or the visitor's region and preselect the matching layout. The buyer can still change it. That small default prevents many accidental orders, which are a common source of wrong-layout returns and the support emails that come with them.
How should we handle layouts we do not stock in every market?
Mark them clearly. A layout can show as in stock, made to order with a lead time, or unavailable in that region. The rules sit in the product data per market. An enthusiast in the UK can then still order a US board, knowing in advance that it will take longer to arrive.
Can the configurator show the media dial and backlighting?
Yes, as additional views. A close-up of the dial and frame edge shows build quality, and a lit view shows the backlighting if the board has it. Neither changes between layouts, so each needs only one image per finish. Lit views should use one neutral colour so the finishes stay comparable.
More PC and gaming hardware configurator demos
Mesh Airflow Chassis
Panoramic Glass Tower
Portable Games PC
Pro Gamepad
Silent Mesh Chassis
Split-Level Chassis
All PC and gaming hardware configurator demos
A configurator for your keyboards
This demo uses an illustrative product. If you sell keyboards, I can build the same experience around your own range, photography and ordering process, connected to Shopify, WooCommerce or a quote workflow. I reply to enquiries within two UK working days.