YS Tech

Industrial buyers need the exact part, its full specification and a price they can act on, and they need it fast. The company's catalogue runs to over a thousand products and had no store: a buyer could not search by part number, see a price, or ask for a bulk quote without picking up the phone.

• Buyers browse six categories of a spec-forward catalogue, filter by specification and search by part number.
• Every product page shows the full specification, variants in a table and a public price.
• Stock orders go through the cart, a quick-order pad for known part numbers, and card checkout.
• Bulk buyers request a quote from the same page. The quote comes back as a link they can accept and pay online.
• Buyers create an account to see their orders and quotes, and reorder in one click.
• Buyers choose their region and currency; the store shows shipping estimates, lead times and backorders for it, and brand pages for the lines it supplies.
• The company site: products, about, brand and a contact form that reaches the team.
• Products, carts, orders and customers live in Swell, with Stripe as the payment gateway, so the team runs the store without a custom backend.
• Bilingual, English and Arabic, from one codebase.

• TypeScript
• Next.js
• React
• Tailwind CSS
• Swell
• Stripe

Four weeks from the first commit to a working store: catalogue, checkout and the quote flow, on the company's own accounts. Since then, in weekly releases: regions and currencies, brand pages, company accounts and quote intake, and the Arabic store. The engagement is in progress; the store moves to the company's domain at launch.