HM Shop Online — E-commerce Website
Responsive e-commerce website for HM Shop Online, a UAE online store for trending products and everyday essentials, with six shopping categories, a cart and Cash on Delivery checkout, WhatsApp ordering, order tracking and customer accounts.
Case study
How the work unfolded
- 01
The brief
Challenge
HM Shop Online sells a wide, fast-changing range of trending products and everyday essentials to customers across the UAE, with payment by Cash on Delivery. The store needed a website that organises a catalogue of more than 200 products into clear categories, shows prices and savings at a glance, lets customers order through a simple cart and checkout or straight from WhatsApp, track their orders and manage their accounts, and works smoothly on mobile.
- 02
What we built
Solution
Hussaini IT Services designed and developed a responsive e-commerce website with Home, Shop by Category, All Products, About Us and Contact Us pages, a dedicated page for every product, product search with suggestions, a cart and Cash on Delivery checkout, order tracking and customer accounts. The homepage opens with a banner carousel of featured products, followed by Shop by Category tiles, New Arrivals, Best Sellers, a "Shop with confidence" strip (UAE Delivery, Cash on Delivery, Easy Returns, WhatsApp Support), Featured Products and department rows. Category pages offer category chips, product counts, sorting by newest, price or name, and pagination. Each product page has an image gallery with thumbnails, the SKU, the price with savings, a quantity selector, Add to Cart and Buy Now buttons, and an Order on WhatsApp button that opens a chat with the product name, price, quantity and link already filled in, plus delivery, payment and returns details and related products. Customers can track an order with the order number and their email or mobile number, register and log in to see their order status, and reach the store through a floating WhatsApp button and a contact form. A sticky header with search, account and cart icons and a Categories dropdown keeps navigation within reach, and on mobile a Browse Menu bar opens the full menu. Dedicated pages cover the FAQ, Privacy Policy, Terms & Conditions, Shipping Policy and Return & Refund Policy.
- 03
What changed
Results
Brought HM Shop Online's range of trending products online in a branded, easy-to-browse storefront Organised the catalogue into six clear shopping categories with sorting and pagination Made ordering simple with a cart and Cash on Delivery checkout for UAE customers Turned every product page into a one-tap WhatsApp order with the details pre-filled Let customers track their orders with an order number and their email or mobile number Gave customers accounts to log in and see their order status Delivered a consistent, mobile-friendly experience on phones and desktops Established a bold online presence in the store's orange and black colours
Scope shipped
Key deliverables
21 items
- 01Responsive e-commerce website
- 02Homepage banner carousel
- 03Shop by Category tiles
- 04New Arrivals and Best Sellers sections
- 05Featured Products and department rows
- 06Category pages with sorting and pagination
- 07All Products page
- 08Product pages with image gallery and quantity selector
- 09Shopping cart
- 10Cash on Delivery checkout
- 11WhatsApp ordering with pre-filled product messages
- 12Floating WhatsApp chat button
- 13Product search with suggestions
- 14Order tracking page
- 15Customer accounts with login and registration
- 16Contact form
- 17About page
- 18FAQ page
- 19Policy pages (Privacy / Terms / Shipping / Return & Refund)
- 20Sitemap and SEO metadata
- 21Analytics and Meta Pixel setup
Project Overview
HM Shop Online is an online store in the United Arab Emirates for trending products and everyday essentials, from home and kitchen finds and electronic gadgets to beauty tools, baby and toys, DIY tools and car accessories, with prices in UAE Dirhams and Cash on Delivery. We designed and developed a modern, responsive e-commerce website that organises the catalogue into clear categories, shows prices and savings at a glance, and makes ordering simple through a cart and Cash on Delivery checkout or a quick WhatsApp message.
Project Objective
- Present a large and growing product catalogue in clear, easy-to-browse categories
- Show prices, original prices and savings at a glance
- Make ordering simple with a cart and Cash on Delivery checkout
- Offer a one-tap WhatsApp order on every product
- Let customers track their orders and manage their accounts
- Explain delivery, payment, returns and policies clearly
- Deliver a smooth shopping experience on mobile
Website Experience
Visitors land on a full-width banner carousel of featured products, such as the "Electric Lunch Box" banner with its Shop Now button, followed by Shop by Category tiles, a New Arrivals row ("Fresh products recently added to HM Shop Online."), Best Sellers, a "Shop with confidence" strip (UAE Delivery, Cash on Delivery, Easy Returns, WhatsApp Support), Featured Products and department rows for Home and Kitchen, Health & Beauty and Electronic Gadgets. Product cards show the price, the crossed-out original price with a "You save" line and a "% OFF" badge where a product is discounted, and an Add to Cart button. A sticky header keeps the logo, product search, account and cart icons in view, with Home, a Categories dropdown, About Us and Contact Us below. A bold orange and black palette with clean Poppins type runs through every page.
Categories & Product Pages
The Shop by Category page presents six departments (Baby & Toys, Health & Beauty, Automotive, Tools & Home Improvement, Home and Kitchen, Electronic Gadgets), each with a short description, and an All Products page lists the full catalogue. Category pages show the department intro, category chips to switch between departments, the product count, sorting by Newest, Price: Low to High, Price: High to Low and Name: A–Z, and pagination. Each product page has the category label, an image gallery with thumbnails, the SKU, a short description with Read more, the price and savings, a quantity selector, Add to Cart, Buy Now and Order on WhatsApp buttons, delivery, payment and returns highlights, full product details and related products. The header search suggests matching products as you type, with a link to view all results.
Cart, Checkout, WhatsApp Ordering & Order Tracking
Customers can add products to the cart and check out with their contact and UAE delivery details, paying by Cash on Delivery. The Order on WhatsApp button on every product opens a chat with the store with the product name, price, quantity and page link already written, and a floating WhatsApp button stays within reach. On the Track Order page, customers enter their order number together with the email address or mobile number used for the order; both details must match. Customers can register with their name, email, phone and password, log in, and view their profile and order status.
Brand & Support Pages
The About page, "Discover Trending Products At Amazing Prices", introduces the store with Who We Are, Our Mission and Our Vision, highlight cards, a "Why Shop With Us?" section and a "Why Customers Trust HM Shop Online" band, closing with "Smart Products. Better Living. Everyday Value." The Contact page pairs a message form with the phone / WhatsApp number, email, working hours and location. The FAQ covers ordering, payment, tracking, delivery, cancellations and damaged items, and dedicated pages cover the Privacy Policy, Terms & Conditions, Shipping Policy and Return & Refund Policy.
Responsive Design
The website is fully responsive. On mobile, a Browse Menu bar under the header opens a dropdown with Home, every category, About Us, Contact Us, Login / Register and Cart, while search, account and cart stay in the header. Category tiles, product grids, prices and the Add to Cart, Buy Now and WhatsApp buttons stack neatly for easy shopping on a phone.
Customer Engagement & Lead Generation
- Order on WhatsApp buttons with pre-filled product details
- Floating WhatsApp chat button
- Contact form with name, email, contact number and message
- Phone, email and working hours in the footer of every page
- Customer accounts and order tracking
- Instagram and Facebook links in the footer
- "Shop Now", "View All Products", "Shop Best Sellers" and "View Category" calls-to-actions
Local Focus
The store is built for customers in the UAE: prices are shown in UAE Dirhams (for example "AED 49"), every order is paid by Cash on Delivery, the Shipping Policy accepts orders for delivery within the United Arab Emirates and asks for the emirate, area and building or villa details, phone fields start with +971, support runs Mon to Sat, 10:00 AM - 7:00 PM, and the contact page gives the location as Dubai, United Arab Emirates.
Services Provided
- UI/UX design
- Responsive e-commerce development
- Product catalogue with categories, sorting and pagination
- Shopping cart and Cash on Delivery checkout
- WhatsApp ordering integration
- Product search with suggestions
- Order tracking and customer accounts
- Contact form
- About, FAQ and policy pages
- On-page SEO, analytics and Meta Pixel setup
Visuals
Project gallery
08 images from this project
Homepage banner carousel and Shop by Category tiles
01 / 08
More projects
Safinat Group — Hardware & Tools Website
Responsive hardware and tools website for Safinat Group, Dubai, United Arab Emirates, built around a searchable, filterable product shop and an add-to-cart enquiry flow, so trade and retail buyers can browse the catalogue by category or brand and request a quote online.
- • Responsive Multi-page Website
- • CMS Product Catalogue
TruVedaa — Ayurvedic Products E-commerce Website
Responsive e-commerce website for TruVedaa, an Ayurvedic products brand from India, with Shop By Category and Shop By Solution pages, product quick view, a wishlist and online ordering.
- • Responsive Ayurvedic e-commerce website
- • Homepage hero and brand ribbon
AB Collection — Fashion E-commerce Website
Responsive e-commerce website for AB Collection, a Made in India brand of premium everyday cotton essentials for men, with a product collection, detailed product pages, a cart, customer accounts, checkout and order tracking.
- • Responsive E-commerce Storefront
- • Product Pages with Colour and Size Selection
Timeless Watch Bazar — Watch E-commerce Website
Responsive e-commerce website for Timeless Watch Bazar, an online watch store in India for men's, women's, pair, smart and sports watches plus accessories, with category and product pages, WhatsApp ordering, order tracking and customer accounts.
- • Responsive e-commerce website
- • Homepage banner carousel