Home/Work/KIO Organics
Case study · E-commerce website

An online store for pure honey, oils & ghee.

A complete e-commerce website for KIO Organics & Foods, a natural-foods brand from Nandyal, Andhra Pradesh. Customers browse, add to cart and pay with PhonePe, Google Pay, Paytm, cards or net banking — and every payment is verified on the server before the order is confirmed. We also manage KIO's social media and ad campaigns.

ClientKIO Organics and Foods
IndustryOrganic & natural foods
LocationNandyal, Andhra Pradesh
Live websitekioorganicfoods.com ↗
kioorganicfoods.com
KIO Organics home page — Nature's Goodness in Every Drop
7
Products across honey, oils & ghee
8
Ways to pay, including cash on delivery
100%
Of online payments verified on the server
2
Automatic emails for every order
The challenge

Great products, but no easy way to buy them online.

KIO makes raw honey, wood-pressed oils and desi ghee. The brand needed a website that looks as premium as the jars on the shelf — and a checkout that Indian shoppers trust, without extra work for the owner.

01

Manual UPI payments

Customers scanned a QR code and typed their transaction ID by hand. Every payment had to be matched against the bank statement.

02

Mobile-first buyers

Most customers shop on phones and expect to pay with the UPI app they already use.

03

Order follow-up

The owner needed full order details — customer, products, payment — in one place, the moment an order is placed.

Storefront

A warm, natural look that matches the brand.

Deep forest green, warm cream and honey-gold, with a classic serif for headings. Every product card shows sizes, price with MRP, key highlights and two clear actions.

  • Shop by categoryHoney, Oil and Ghee menus list every product, plus search and an "All Products" page.
  • Sizes and prices on the cardSwitching between ½ Ltr and 1 Ltr updates the price instantly.
  • Add to Cart or Buy NowBuy Now skips the cart and goes straight to checkout.
kioorganicfoods.com/products
Product collection on the KIO home page
Product collection on the home page.
Product pages

Everything a careful buyer wants to know.

An image gallery, size and quantity selectors, and tabs for description, ingredients, storage and FAQ. Related products keep people browsing.

  • Clear delivery promise"Ships in 2–5 business days, Pan India" sits right under the buy buttons.
  • Easy to updateAll products and prices live in one data file — change a price without touching the design.
kioorganicfoods.com/kashmiri-honey
Kashmiri Honey product page
Kashmiri Honey product page.
Cart

A cart that does the maths for you.

Change quantities with + and −; pressing − on the last item removes it. The summary shows subtotal, shipping (free above ₹599), 5% tax and the final total.

kioorganicfoods.com/cart
Cart with three products and free shipping applied
Cart with three products and free shipping applied.
Checkout & payments

Pay the way you already pay.

Two short steps. First, delivery details. Then every payment option is listed with its own icon — the Pay button glides under the option you pick and shows the exact amount.

PhonePe Google Pay Paytm WhatsApp Pay & any UPI Debit / Credit Card Net Banking Wallets Cash on Delivery
Under the hood

How an online payment is confirmed.

Payments run through Razorpay. The website never trusts the browser for money: the server works out the price, and the payment is checked twice before the order is marked paid.

Step 1Customer taps PayThe cart is sent to the server — product and size only, no prices.
Step 2Server prices itPrices come from the server's product list, so nobody can change the amount.
Step 3Razorpay opensThe chosen method opens first — UPI app, card, bank or wallet.
Step 4Signature checkThe server verifies Razorpay's secure signature.
Step 5Double-checkThe server asks Razorpay to confirm the payment and exact amount.
Step 6Order confirmedMarked paid; emails go to the customer and the owner.

Keys stay on the server

The Razorpay secret key is only used in server code and never reaches the browser.

No double processing

If the same payment is confirmed twice, the order is updated and emailed only once.

Backup confirmation

A Razorpay webhook confirms payments even if the customer closes the page too early.

After the order

Everyone knows what happened, straight away.

  • Clear confirmation pageOrder ID, products, total, "Paid Online ✓" and the Razorpay Payment ID.
  • Email to the customerA branded confirmation with an itemised bill and payment status.
  • Email to the ownerCustomer details, products and verified payment — plus a one-tap WhatsApp confirmation button.
  • Order details on WhatsAppCustomers can send their full order to KIO's WhatsApp Business number with one tap.
Order confirmation with the WhatsApp button
Order confirmation with the WhatsApp button.
Also built in

The details that make a store feel complete.

Customer accounts

Sign up with email or Google; see past orders and payment history.

Wishlist

Save products with a heart on every card; the count shows in the header.

Search

Find honey, oils or ghee quickly from the header.

Shipping rules

Free shipping above ₹599, a flat fee below, and 5% tax worked out automatically.

Blog, FAQ & policies

Our Story, Blog, FAQ, Shipping, Returns, Privacy and Terms pages build trust.

Works on every phone

Designed for small screens first, with a floating WhatsApp chat button.

On mobile

Built for the phone in your customer's hand.

Product page on mobile
Cart on mobile
Payment options on mobile
Order confirmed on mobile
Technology

Simple, fast and easy to host.

Plain HTML, CSS and JavaScript for speed, with a small PHP and MySQL backend for orders, accounts and payments. It runs on standard Hostinger hosting — no expensive platform fees.

HTML5CSS3JavaScriptPHP 8MySQLRazorpay CheckoutGoogle Sign-InHostinger
Results

What changed for KIO.

BeforeAfter
PaymentsCheck every UPI transaction ID by handOnline payments confirm themselves — verified with Razorpay
ChoiceOne QR codePhonePe, Google Pay, Paytm, cards, net banking, wallets & COD
Order updatesAsk customers for details over chatFull order details by email the moment an order is placed
See it live

Visit the KIO Organics store.

Browse the products, add something to the cart and see the checkout for yourself. Want a store like this? We'll build it — and market it.

Next case study

Metro CRM →

Read it