Skip to content
HossamDwidar
IV — The Labors

WooCommerce Gaming Store

Gaming e-commerce website

Technologies
WordPress / WooCommerce / Elementor / WoodMart / PHP / CSS / JavaScript
Gaming store home page: full-width game artwork banner above the store navigation

Overview

A gaming-focused e-commerce website built from scratch with WordPress and WooCommerce. The store sells games, in-game accounts, in-game currency and gaming-related tools.

The homepage was designed from scratch, and the rest of the store experience was customised around it to create a modern, gaming-focused shopping experience.

Role
WordPress / Frontend Developer
Platform
WordPress + WooCommerce
Theme
WoodMart
Built with
Elementor
Sells
Games, in-game accounts, in-game currency, gaming tools

What I built

  • 01Built the website from scratch using WordPress
  • 02Designed and built the homepage from scratch
  • 03Worked extensively on the shop experience
  • 04Customised product presentation and browsing
  • 05Organised categories and products
  • 06Worked on search and filtering
  • 07Worked on cart and checkout
  • 08Worked on the customer account experience
  • 09Customised WooCommerce to fit the gaming visual direction
  • 10Responsive layouts
  • 11Used PHP, CSS and JavaScript where needed

The design was developed from scratch, with references from competing websites in the same gaming market used only as inspiration for selected ideas and patterns.

Website

The storefront

The homepage was built from scratch: a full-width banner, then rows of recommended, best-selling, top and upcoming titles, followed by the category grid.

  • Custom homepage
  • Gaming-focused storefront
  • Product browsing and categories
  • Search and filtering
  • Responsive layouts
Gaming store home page with a game artwork banner and a row of recommended products
Pl. 01Home page
Full home page: recommended, best selling, top games and coming soon rows above the category grid
Pl. 02Home page — full length
Customer account dashboard with orders, downloads, addresses and wishlist shortcuts
Pl. 03Customer account
Shop

The shopping flow

From the cart through to the customer account area, the WooCommerce experience was customised to match the storefront rather than left in its default presentation.

  • Cart and checkout
  • Customer account area
  • Wishlist
  • Product organisation across the shop
Cart page with the product table, coupon field and cart totals
Pl. 04Cart
Wishlist page showing saved products with add-to-cart buttons
Pl. 05Wishlist
Build

Working inside WoodMart

The main challenge was reaching the intended level of design and visual customisation while working with WordPress and the WoodMart theme — adapting the available structure into a custom gaming-store experience instead of relying on the default theme presentation.

  • Homepage, shop, product and shopping flow shaped around the intended design
  • WooCommerce presentation customised throughout
  • PHP, CSS and JavaScript used where the theme needed to go further

Technologies

Technologies used in WooCommerce Gaming Store

  • WordPressSite foundation and content management
  • WooCommerceShop, cart, checkout and customer accounts
  • ElementorPage building
  • WoodMartBase theme, customised for the store
  • PHPCustomisation where the theme needed to go further
  • CSSCustom styling and layout
  • JavaScriptInterface behaviour

A complete gaming-focused WooCommerce storefront built from scratch: custom homepage, shop experience, shopping flow and customer account area.