# CartSwing: an online store design built for quick everyday shopping > CartSwing sells everything from snacks and baby care to washing machines, so its store had to make a big catalogue feel easy. OXEDGE designed the website around need-based shortcuts, clear rupee prices and a mobile-first product grid. - Page: https://oxedge.com/work/cartswing-online-store-website/ - Markdown: https://oxedge.com/work/cartswing-online-store-website.md - Language: en-AE - Type: Case study - Published: 2026-10-14 - Author: Haris Qarni, Founder & Director (https://oxedge.com/about/haris-qarni/) - Client: CartSwing · Year: 2023 - Publisher: OXEDGE (Oxedge FZE LLC), digital agency in Dubai, UAE: https://oxedge.com/ - Contact: info@oxedge.com · WhatsApp +971 50 815 3521 · https://oxedge.com/contact/ --- **At a glance** ### CartSwing online store design - **Client:** CartSwing, a multi-category online store - **Location:** Pakistan (prices shown in rupees) - **What OXEDGE did:** UX and visual design of the home page, category sections, product page and mobile layout - **Designed:** 2023 - **Designed for:** everyday shoppers buying household items, fashion and appliances, often on a phone ## The challenge A general online store has an awkward problem: it sells too much. Someone looking for plasters, pet food or a new microwave should not have to dig through the same long menu. CartSwing's range runs from mobiles and men's and women's fashion to home and kitchen goods, appliances and sports, and the website had to make that range feel small and easy to search. Price matters just as much. Shoppers compare stores before they buy, so discounts and old prices need to show on every product card, not only on the product page. ## The approach We designed the store around how people shop for everyday things: by need first, by category second. - **Need-based shortcuts:** a row of colourful tiles that start with a question ("sos situation?", "movie night?", "hungry pets?", "fused bulb?", "new parent?", "mosquito bite?") and lead straight to the right products. - **Search first:** a category dropdown and search bar sit in the yellow header, next to wishlist, cart, account and a phone number for orders. - **Price on every card:** rupee prices with the old price struck through, so a deal is clear at a glance. - **Mobile grid:** a two-column product grid on phones, with names and prices kept readable. ![CartSwing product page on a laptop: 9kg front-load washing machine with PKR price, size and colour options, quantity and an orange Add to Cart button](https://oxedge.com/wp-content/uploads/2025/04/Mockup-2-4.jpg) *Product page: price, options and Add to Cart together, with the vendor panel on the right.* ## The solution The design uses a bright yellow header with the CartSwing logo, white product areas and colour-coded promotion tiles, so the store feels cheerful without getting cluttered. Deep navy category banners break up long pages. What the design includes: - **Home page promotions:** a full-width banner carousel for seasonal offers, such as "New year, new you. Up to 55% off". - **Department menu:** Mobiles & More, Men, Women, Home & Kitchen, Appliances, and Sports & More. - **Category sections:** "Electronics & Gadgets" with a product carousel and round shortcuts to sub-categories such as fryers, juicers, microwave ovens and water coolers. - **Product page:** image gallery, star rating with vote count, price in PKR, size and colour selectors, quantity, Add to Cart and Add to Favourite, plus tabs for product features. - **Vendor panel:** each product page shows the brand or vendor, so the same layout works for a marketplace with several sellers. - **Related products** down the side of the product page, to keep people browsing. ![CartSwing Electronics & Gadgets section on a laptop: product carousel with rupee prices and round sub-category icons](https://oxedge.com/wp-content/uploads/2025/04/Mockup-3-4.jpg) *Category sections mix a product carousel with quick sub-category shortcuts.* ![CartSwing product grid on a phone: two columns of appliances with names and prices](https://oxedge.com/wp-content/uploads/2025/04/Mockup-4-4.jpg) *On phones, products sit in a two-column grid.* ## Frequently asked questions ### Who designed the CartSwing website? OXEDGE designed the CartSwing online store in 2023: the home page, category sections, product page and the mobile layout. ### What does the CartSwing website focus on? Fast everyday shopping across a large range: need-based shortcuts, clear rupee prices with discounts, and product pages with options, vendor details and related products. ### Can OXEDGE build an online store in the UAE? Yes. OXEDGE is a web agency in Dubai and designs and builds online stores for UAE retailers, from single-brand shops to multi-vendor marketplaces, including Arabic versions, online payments and WhatsApp orders. See our [ecommerce development in Dubai](https://oxedge.com/ecommerce-development-dubai/). **Planning an online store?** Let's make your store easy to shop on a phone. Tell us what you sell, and we'll show you how a clear, fast online store could look for your customers. [Start a project](https://oxedge.com/contact/) [Ecommerce in Dubai](https://oxedge.com/ecommerce-development-dubai/)