Selected work

Case study 05

PURA. The official company platform.

Purachem for Smart Solutions and Supplies needed one public platform for custom AI software, and for training and supplies. Prospects had no single bilingual place to see a price, place an order, or recover a certificate.

Client
Purachem for Smart Solutions and Supplies (PURA)
Type
Bilingual commercial website and an operations layer
Role
End-to-end owner: product, experience, interface, APIs, data, integrations, and legal pages

The business problem

  • A buyer needed to understand the offer in Arabic or English without files and WhatsApp.
  • The sale was manual: inquiry, price, payment method, then email.
  • Training certificates were PDFs sent by hand. A trainee could not recover one with a code.
  • The company needed a software-design storefront and a full company site from the same product.

What the platform changes

Order counts, reply times, certificates issued, and visits are not listed.

One bilingual offer

Home, services, about, work, and pricing switch between English and Arabic with RTL. The choice is remembered.

A clear checkout

Two services priced in Egyptian pounds. The buyer chooses InstaPay, Vodafone Cash, bank transfer, or Western Union. The order is emailed to sales. Account numbers are not shown here.

The right inbox

A sales message goes to the sales inbox. Other messages go to the general inbox. A reply is expected within one working day.

Certificates

Staff upload a PDF. The system issues PURA-XXXXXXXX. The trainee downloads through a short-lived signed link. Files stay private. Codes avoid look-alike characters such as 0/O and 1/I.

Two modes

One environment flag switches software-design mode and the full company mode: training, supplies, and certificates.

Support and legal pages

WhatsApp, live chat, privacy, terms, refunds, delivery, and a Meta data-deletion endpoint.

System workflow

  1. 01Home, English or Arabic
  2. 02Pricing
  3. 03Checkout: name, email, Egyptian mobile, product, payment method
  4. 04POST /api/orders
  5. 05Email to the sales inbox

Staff, full mode

  1. Admin secret
  2. Upload PDF and trainee name
  3. Code PURA-XXXXXXXX
  4. Private storage and a database row

Trainee

  1. Public certificate page
  2. Enter the code
  3. Short-lived signed link

Software-design mode

  1. Offer
  2. Pricing and checkout
  3. Contact

Full company mode

  1. Software-design mode
  2. Training and supplies
  3. Public certificate lookup

Technical architecture

SiteNext.js 14, TypeScript, Tailwind, shadcn-style components, Framer Motion, Spline
LanguageEnglish/Arabic dictionary, plus an overlay for software-design copy
DataSupabase certificates table and private PDF storage, service role only
AdminA server secret compared with a timing-safe check
EmailResend, inbox chosen from the reason for the message
RulesA hidden product is rejected by the API. Middleware closes certificate routes when training mode is off