Electronics retail · A connected digital experience.Bab AlSalama
An easier way to find the right technology.
A retail website connecting laptop discovery, category search and product filtering with the WooCommerce shopping experience.
Explore the project
- Industry
- Electronics retail
- Services
- Design · Development · Responsive UX
- Tech stack
- WordPress · WooCommerce
- Key features
- Category-aware search · Brand, processor, RAM and storage…
02 / The challenges
Finding the right specification. A connected retail journey.
The project brought together the following requirements. Each shaped the information structure, visual presentation or functionality of the delivered website.
Continuous product discovery.
Broken pagination interrupted product discovery.
A stable mobile layout.
Mobile floating widgets caused sideways scrolling.
Filters that match real needs.
Laptop buyers needed filters for practical specifications.
03 / How we approached it
From the brief, to the finished experience.
A retail website connecting laptop discovery, category search and product filtering with the WooCommerce shopping experience.
Shape the structure
Added search with category selection
Develop the visual system
Built laptop filters and expandable product categories
Connect the functionality
Verified 69 laptop products load without duplicates
Review and prepare delivery
Preserved price sorting as additional products load
03.1 / Custom functionality
The details, working together.
- 01Category-aware search
- 02Brand, processor, RAM and storage filters
- 03Infinite product scrolling
- 04Mobile navigation and floating controls
04 / Responsive design
One experience. Every screen.
Explore five page views from the actual website at desktop and phone widths. Screens retain their natural proportions, with original images available from each slide.
05 / Speed & performance
Measured performance. Real Google reports.
The recorded review checked 69 laptop products loading without duplicates and preserved sorting as further products appeared. Mobile overflow from floating controls was corrected. These are specific functional checks, not a claim of completed payments.
Mobile
Report from Nov 3, 2026, 7:16:02 PM
· https://babalsalama.com/
Open the original Google report ↗
Desktop
Report from Nov 3, 2026, 7:16:02 PM
· https://babalsalama.com/
Open the original Google report ↗
Dated Lighthouse laboratory results. These scores are separate from real-user Core Web Vitals and may change between tests.
06 / Easy to maintain
A practical handover. A consistent foundation.
WooCommerce manages the catalogue, customer orders and product information. Custom category search, specification filters and incremental product loading support discovery without duplicating catalogue records.
WordPress · WooCommerce
- Category-aware search
- Brand, processor, RAM and storage filters
- Infinite product scrolling
07 / Search foundations
Clear information. Connected destinations.
The project review checked 131 sitemap URLs. Product and category destinations connect the shop structure with individual specifications. Google account verification and indexing are separate client-side steps.
Strong search foundations begin with useful content, understandable page structure and a website that works across screen sizes. Search position is not guaranteed by design alone.
Bab Al Salama
babalsalama.com
- Industry
- Electronics retail
- Platform
- WordPress · WooCommerce
- Delivery
- Website design & development
ExploreThe website
Visit the website ↗