Skip to content
HossamDwidar
IV — The Labors

Plan B Store

Gaming e-commerce website

Technologies
WordPress / WooCommerce / Elementor / WoodMart / PHP / CSS / JavaScript
Plan B Store home page: featured game banner beside a list of discounted games

Overview

Plan B Store is a gaming-focused e-commerce website built completely from scratch. The store focuses on games, gaming accounts, in-game products and other gaming-related offerings.

It sits in a similar market to the earlier gaming store project, but was developed with a different visual direction and a different implementation.

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

What I built

  • 01Built the website from scratch
  • 02Built and customised the homepage
  • 03Worked extensively on the shop experience
  • 04Built and customised product pages
  • 05Worked on product categories and organisation
  • 06Worked on search and filtering
  • 07Worked on cart and checkout
  • 08Worked on the customer account experience
  • 09Customised WooCommerce to fit the gaming-focused site
  • 10Responsive layouts
  • 11Worked with PHP, CSS and JavaScript as part of the implementation

References from competing gaming websites were used as inspiration for selected patterns and ideas, while the final website was implemented with its own visual direction — intentionally different from the earlier gaming store.

Website

The storefront

The homepage leads with a featured game and a discounted-games list, then moves through category shortcuts, top sellers, featured banners, platform listings and the latest articles.

  • Custom homepage
  • Gaming-focused storefront
  • Product categories and platform listings
  • Responsive layouts
Plan B Store home page: featured game slider, discounted games list and category tiles
Pl. 01Home page
Top sellers row, featured game banners and a popular-by-category section
Pl. 02Top sellers & categories
New releases, upcoming, PS5 and co-op listings above the latest articles
Pl. 03Listings & articles
Shop

Shop & product pages

The shop lists the catalogue with price and brand filters and sorting, and each product opens into a full page with description, specification, related discounted games and customer reviews.

  • WooCommerce shop with search and filtering
  • Product pages
  • Cart and checkout
  • Customer account area
Shop page with category strip, price and brand filters and a grid of game products
Pl. 04Shop
Product page with price, purchase panel, description, specification and customer reviews
Pl. 05Product page
Build

Building inside WooCommerce

There was no major technical challenge on this project. The work was taking the WordPress, WooCommerce and WoodMart ecosystem and shaping it into the intended gaming-store experience — building the complete frontend and shopping flow rather than relying on the default presentation.

  • Complete frontend and shopping flow built out
  • WooCommerce presentation customised to the store's direction
  • PHP, CSS and JavaScript used as part of the implementation

Technologies

Technologies used in Plan B Store

  • WordPressSite foundation and content management
  • WooCommerceShop, cart, checkout and customer accounts
  • ElementorPage building
  • WoodMartBase theme, customised for the store
  • PHPPart of the implementation where needed
  • CSSCustom styling and layout
  • JavaScriptInterface behaviour

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