Instrument Shop: redesigning a pressure-gauge manufacturer's catalog
A demo redesign of a pressure-instrumentation manufacturer's catalog (pressure gauges, transducers, level gauges, protection relays, solar panels) built with Astro and Tailwind CSS — 201 products across 5 categories, filters by price and case diameter, compare/favorites, a product page with ratings/reviews, and two lead forms.
The problem
A catalog of measurement instruments — pressure gauges, pressure transducers, level gauges, protection relays — isn't a storefront with a couple dozen items. It's hundreds of technical models that differ by case diameter, pressure range, and certification. The buyer — an engineer or a procurement manager — needs to find a specific model by spec quickly, not scroll through pages by hand.
The old store's heavy, confusing structure made people waste time hunting for the right instrument instead of going straight to a request — and in a B2B purchase like "a pressure gauge for a boiler room," filter speed and precision matter more than how the homepage looks.
A 201-product catalog with technical-spec filters
The demo redesign was built for a pressure-instrumentation manufacturer — five categories (pressure gauges, pressure transducers, solar panels, level gauges, protection relays), 201 products, filters by price, case diameter, and category, sorting by price or name, catalog search, plus favorites and compare right from the list card.
Every card immediately shows case diameter and price — or "price on request" for items without a fixed cost — the specs an engineer needs to see before opening the product page, not after.
The product page: ratings, reviews, and a request instead of a plain "buy"
A product page isn't just "add to cart" — it combines a technical description, case diameter, a rating and customer reviews (e.g. 4.8 from 47 reviews with dates and text from buyers like "TeploServis" LLC), certifications, and payment-method badges (UZCARD, HUMO, VISA, bank transfer).
Next to "Add to cart" sits a "Request" form — asking for price and availability on that specific model — and any page has a "Request a callback" widget promising a call back within 15 minutes. That's a deliberate choice: some items are priced "on request," and for a B2B buyer a short request is often faster than a self-serve checkout.
Result
A public demo runs on test data without exposing the real client's data, but it reproduces the scale of a real B2B store: 201 products, 5 categories, separate service pages (instrument manufacturing, custom-order production, repair and calibration), documents, and payment methods — not just a visual redesign of the homepage.
The bilingual interface (RU/UZ) and speed focus cover what a regional industrial-equipment B2B store actually needs: clear filtering by technical spec and a short path from a product card to a request, without extra steps.
Other cases
StoreCRM: a Telegram-first platform for product and stock accounting
A Telegram bot, REST API and web admin panel all run on one data core: products, stock across warehouses and stores, and movement between locations and counterparties stay consistent across every channel.
Pay Hub: payment events and notification control
Resilient event handling for payments and notifications cuts manual checks and clarifies failure response.
PayTutor: a tutoring-center CRM from request to certificate
A Telegram bot for students and an admin panel for the center: enrollment, payment, attendance, exams and certificates in one system.
Flex Convert: a currency and unit converter built as a standalone product
A standalone web converter spanning 10 quantity categories — currency with daily rates and a configurable currency list, plus pressure, temperature, length, weight, area, volume, speed, time, and energy — with its own calculator and SEO guides.