Gold Supplements

Redesigned supplements store: bold gym look, quick-buy popup, WhatsApp ordering and a floating bottom bar.

Visit the website Start a similar project

Gold Supplements – website designed and developed by Eslam Abdullah

IndustrySupplements Store

Project typeOnline store

PlatformWordPress · WooCommerce

StatusLive

Overview

Gold Supplements is a supplements brand whose customers live in the gym and shop from their phones. The store was redesigned around that: a bold gold-and-black look, fast pages and buying that takes seconds.

The challenge

Supplement shoppers decide fast and mostly on mobile. The brand wanted an identity that says “supplements” and “gym” at the same time, without touching its logo, and a buying flow with almost no friction.

The approach

A redesign in the brand’s gold-and-black identity, with an animated intro built around the real logo.
A quick-buy popup: photos, specs, flavour, quantity, add to cart or buy via WhatsApp – without leaving the page.
A floating bottom navigation bar with the logo as a centre badge that collapses and expands the bar.
Speed work – caching, image optimisation and a CDN – because speed is the brand’s top priority.

What the website does

Branded intro

An animated preloader that respects the official logo.

Quick-buy popup

Choose flavour and quantity and order from any product card.

Buy via WhatsApp

One tap from product to WhatsApp order.

Floating bottom bar

Home, shop, compare, wishlist and reviews always under the thumb.

Built for speed

Caching, optimised images and CDN for fast mobile pages.

Protected

Security and firewall in front of the store.

Deliverables

Store redesign
Gold Intro animation plugin
Quick Buy popup plugin
Floating bottom bar plugin
Speed & security setup

Tech & tools

WordPressWooCommerceSpeed 100Custom UIResponsive designOn-page SEOSpeed optimisationSecurity hardening

Make a mockup like this

How it was built

1
Discover
Goals, audience, competitors and content – agreed before any design.
2
Design
Layout and visual identity, designed for mobile first and then desktop.
3
Build
Development, content, speed, SEO and security set-up.
4
Launch & support
Testing on real devices, going live and support after launch.

Where it stands

The website is live at goldsupplementegy.com. Have a look – and if you want something like it for your business, let’s talk.

Visit the website