JAVIQ Store rebuild
An Ayurvedic personal-care brand from Punjab outgrew its hosted storefront. We rebuilt it as a custom WooCommerce store the brand fully owns, with no premium page-builder licences to pay for.
Payments · SEO · QA
Launch support
Elementor (free) · Custom child theme
JAVIQ sells handcrafted soaps, face washes, hair oil and handwash, and its old hosted store left customers with little beyond a basic catalogue. The brand wanted its own Figma design, its real product stories, online payment and Cash on Delivery, and full control of its products and offers.
Measured results
on a phone
appearing at checkout
52 crawled pages
26 pages and 6 widths
The brief
JAVIQ's store ran on a hosted platform, which limited both its design and what customers could do on it. The brief came with one constraint that shaped the whole build: everything had to work on free plugins, with no monthly cost for Elementor Pro. Features that normally need Pro, such as the mega menu, popups and cart and checkout design, were built in a custom child theme instead.
What we built
Storefront
- A home page based on the client's Figma file, with separate hero banners for desktop and phones
- A shop page with a toolbar and "Shop by range" filters
- Rich product pages with photo stories, ingredients and how-to-use steps
- A custom desktop mega menu and a phone header with a search bar
- Customer video testimonials and a reviews row using real customer testimonials
Shopping and checkout
- One product card design across the site, with a Bestseller label and wishlist heart
- Add to Cart that changes to Buy Now on cards, and size selector pills for products with variations
- A redesigned cart and checkout, keeping WooCommerce's own block checkout underneath
- Forgiving product search that handles typos and joined words such as "hairoil"
Payments, accounts and marketing
- Razorpay (UPI, cards, net banking) and Cash on Delivery, with free delivery on online payments and a flat ₹68 charge on Cash on Delivery that updates live
- A custom My Account dashboard, wishlist and order tracking pages, and a floating WhatsApp button
- A welcome offer popup, an exit popup that collects phone numbers, and a 5-product gift box page
- SEO titles and descriptions for pages, products and categories, product rich-result data and an XML sitemap
How we kept it maintainable
The client stays in control
Content lives in Elementor and WooCommerce, not in code. Tagging a product best-seller updates every section that uses that tag.
Every change is repeatable and reversible
Site changes were made by numbered scripts that back up what they touch first.
Claims stay honest
Product copy leaves out anything that could not be verified, offer prices were checked against the catalogue, and only real customer reviews are shown.
Problems worth telling
| Problem | Cause | Fix |
|---|---|---|
| After cancelling a Razorpay payment, customers could not pay at all. Each retry failed with "Customer cancelled the payment". | The plugin saves the error in the session, the block checkout never clears it, and the next cart check treats it as a cart problem. | Clear old session errors just before that check runs. Errors from the current attempt still show. |
| The ₹68 charge took about 1.9 seconds to appear. | WooCommerce waits about 1.5 seconds before recalculating. The server itself answers in about 0.3 to 0.4 seconds. | Request new totals as soon as the method changes. It now takes about 0.7 seconds. |
| New sections would not appear on the home page. | Elementor's element cache skips its render hooks for cached sections. | Insert the section into the finished page HTML, using a late the_content filter. |
| The home page weighed 17.3 MB on phones. | Full-size banners and photos. | Optimised WebP copies, with resized uploads now saved as WebP automatically. |
How it was tested
- Responsive: 26 pages at 6 screen widths, from 320 to 1440 px, in 156 checks for sideways scrolling, script errors, failed files, headings and alt text
- Links: 52 pages crawled, with no broken links or redirect chains
- Customer journeys: 18 checks from cart to coupon, Cash on Delivery order and tracking
- Accounts: 13 checks covering wishlist, search, registration, dashboard, logout and the contact form
- Manual: a real Razorpay cancel-and-retry on the hosted site, and layout checks on desktop, tablet and phone
What the numbers cover
The figures on this page are technical measurements. Sales, conversion and traffic results need post-launch data, so they aren't included here yet.