Tallyard: B2B Site Sections Built in MagicPath

Tallyard Website Sections, Design and Build

Client: Tallyard (concept brand) · Role: Web designer · Timeline: November 2026 · Deliverables: hero, pricing, customer stories, FAQ, site-survey form, phone layouts

Tallyard is a concept brand selling cold-chain sensors to food distributors 🧊 Their buyers are operations managers who report to auditors, so the site had to make clear three things in a heartbeat: what the sensors do, how much they cost and how install works.

I wanted to see how far MagicPath would go on the parts of a B2B site that actually need doing. The rule was that it had to work in the browser, so nothing is a flat mockup. The brand, logo and copy were created for the concept.

A hero that shows the product. The headline, "Know every pallet is cold before the auditor asks", sits next to a live sensor card with the reading, the bay and the days in range.

Pricing by sensor, not by seat. A monthly/annual toggle and a sensor slider change the price per sensor and the monthly total as you drag.

Customer stories. Short cards that say what changed for each distributor after the sensors went up.

FAQ and site survey. The FAQ opens one answer at a time and covers install, Wi-Fi and audits. The survey form below it asks for four things only.

Phone layouts. Every section was checked at phone width. Pricing stacks into cards and the form becomes one column.

Five working B2B sections, live on a MagicPath share link

Price updates as you change billing and sensor count

The same sections work on desktop and phone

A starting kit I can reuse for other B2B product sites

Working on something similar? Send me a message here on Contra.