Case study
E-commerce · Branding · Web design

A tyre store built to rank, convert, and last.

Gume Online needed more than a new look — they needed a platform, an identity, and a search strategy that could carry a catalogue of thousands of SKUs without buckling under its own weight.

Client
Gume Online
Market
Serbia
Platform
ReadyCMS + custom storefront
Scope
Brand · Web · SEO · Social
Gume Online logo — white
Your tyre. Your road.
gumesrbija.rs
The brief

Strong inventory. Invisible online.

Gume Online had one of Serbia's widest tyre catalogues — passenger, light commercial, agricultural, freight — but their digital presence was scattered, their branding non-existent, and their SEO essentially zero.

They came to us with a single clear goal: build something professional enough to compete with the big box retailers and search-optimised enough to capture demand before competitors did.

We needed a site that looked like it belonged at the top of Google — and actually got there.
Gume Online, founder
Strategy

Four pillars. One coherent product.

01
Brand first

A distinct visual identity — dark, authoritative, built around trust signals — that could anchor every touchpoint from homepage to social ad.

02
SEO architecture

Keyword clustering across tyre type, size, season, and brand. Every category page, every product URL, every meta tag — deliberate.

03
UX that converts

A vehicle-type picker, size selector, and energy label display that collapses a complex B2C purchase into three confident clicks.

04
Content system

Automated product descriptions seeded from structured data, plus a social content programme to build brand recall between purchase cycles.

Identity

Dark. Precise. Trusted.

The palette draws on the visual language of performance — near-black surfaces, a violet brand accent that reads as technical authority, and a high-visibility red reserved for urgency. Bricolage Grotesque carries the display weight; Manrope handles everything functional.

Gume Online logo — white, primary
Primary — dark backgrounds
Gume Online logo — colour
Colour variant — light backgrounds
Page
Obsidian
#0E1115
Surface
Graphite
#1A1D22
Card
Slate
#2A2D34
Brand
Violet
#4F2EE8
CTA
Alarm Red
#E3232C
Status
Go Green
#22C55E
Display typeface
Bricolage
Bricolage Grotesque · 500–800 · 12–96pt optical range
Body typeface
Manrope
Manrope · 400–700 · UI, copy, labels
Homepage

Confidence at first scroll.

The homepage establishes authority immediately — logo, tagline, and the vehicle picker above the fold. Everything else serves the funnel.

https://gumesrbija.rs
Gume Online homepage screenshot
1
2
3
4
1
Hero vehicle picker

Vehicle type tabs + three dimension dropdowns surface the right tyre in seconds.

2
Brand trust strip

Logos of stocked brands — Michelin, Bridgestone, Continental — loaded early to anchor credibility.

3
Navigation

Category-first nav organised by vehicle type and season, keeping the catalogue accessible without a search query.

4
Featured products

Algorithmically surfaced bestsellers with price, energy label, and instant add-to-cart.

Campaign banners

Promotions that feel like the brand.

Every seasonal campaign — winter changeover, summer sets, fleet offers — uses the same grid system, keeping promotions on-brand while allowing fast turnaround.

Gume Online winter tyre campaign banner
Winter changeover

Urgency-led creative for the October–November peak window.

Gume Online summer tyre promotion banner
Summer sets

Price-led offer with brand logo grid to signal range depth.

Gume Online fleet discount banner
Fleet offer

B2B-targeted creative with a direct call to the sales team.

Vehicle picker

The right tyre in three clicks.

Tyre buying is intimidating. The picker strips it back to vehicle type, size, and season — then returns a filtered catalogue. No manual search required.

Passenger
Light commercial
Agricultural
Freight
Quad / ATV
Width
Height
Diameter
Season
Brand
Showing results for passenger · 205/55 R16 · all-season
01
Choose vehicle type

Five categories cover every segment from city cars to heavy freight.

02
Enter tyre size

Width, aspect ratio, and rim diameter — pre-populated from popular sizes to reduce input friction.

03
Filter by season

Summer, winter, or all-season. Brand filter optional.

04
Browse results

Sorted by relevance. Each card shows energy label, load index, and price — everything needed to decide.

Product listing

A catalogue you can actually navigate.

Category pages are structured for both crawlers and customers — clean URL taxonomy, faceted filtering, and rich snippets pulling energy label data into the SERP.

https://gumesrbija.rs/proizvodi/kategorije/poluteretna
Gume Online product listing page
1
2
3
4
1
Faceted filters

Brand, season, speed rating, load index — without reloading the page.

2
Energy label chips

Fuel efficiency and wet grip ratings surface at card level, not just on the product page.

3
In-stock indicator

Real-time availability driven by warehouse data. No phantom stock.

4
Breadcrumb + structured data

Category path in breadcrumb schema signals hierarchy to Google and reduces pogo-sticking.

EU Energy Label
Ratings that inform and convert.

Fuel efficiency, wet grip, and external noise rendered in the standardised EU format — embedded at card and product level, structured-data-ready.

A
B
C
D
E
A
B
C
D
E
A
B
C
D
E
72dB
External noise
Product page

Every detail that earns the decision.

The product page is where intent becomes action. Spec table, energy ratings, size availability, and a clear price — in that order. No clutter, no distraction.

https://gumesrbija.rs/proizvodi/185r14c-westlake-h188-102-100r
Gume Online product detail page
1
2
3
4
1
Primary image + size selector

Clean product photography with an inline size picker so users never leave the page to check availability.

2
Energy label block

Full EU label rendered in the standard format, with schema markup for rich SERP display.

3
Specification table

Load index, speed rating, tyre type, and sidewall — in a scannable grid, not a wall of text.

4
Add to cart + delivery estimate

Price, stock status, and expected delivery — above the fold on desktop, sticky on mobile.

Brand character

Meet Guma.

Every great brand has a voice. Guma is Gume Online's — a friendly tyre character that handles FAQs in live chat, anchors seasonal campaigns, and gives the brand a personality customers actually remember.

Live chat
Handles the 12 most common pre-purchase questions without human intervention.
Seasonal campaigns
Appears in summer and winter changeover content to drive urgency and recall.
Social series
Weekly tyre-tip posts using Guma as the narrator build organic follower growth.
Guma
Your tyre expert
Online now
Need help choosing the right tyre? I'll find it in 30 seconds.
Yes — 205/55 R16, all-season please.
Social media

Content that outlasts the campaign.

A rolling editorial calendar — seasonal advice, product highlights, and Guma-fronted posts — keeps the brand visible between purchase cycles and builds an audience that converts at lower cost over time.

Gume Online social media post 1
Gume Online social media post 2
Gume Online social media post 3
Gume Online social media post 4
Gume Online social media post 5
Gume Online social media post 6
Facebook

Primary awareness and retargeting channel. Campaign creative aligned with seasonal tyre peaks.

Instagram

Visual brand building — product shots, Guma content, and behind-the-scenes warehouse posts.

Google Ads

Search and Shopping campaigns structured to mirror the SEO keyword architecture.

Platform

Powered by ReadyCMS.

The entire storefront — product catalogue, categories, banners, blog, and multi-language content — runs on ReadyCMS, Creative Brackets' own headless CMS. Fast, lean, and built to scale with the catalogue.

Product sync

Catalogue ingested from supplier feed, normalised, and published automatically — no manual entry.

Dynamic meta generation

Title tags and descriptions generated from structured product attributes. Every SKU, zero manual copy.

Schema markup

Product, BreadcrumbList, and FAQPage schema applied globally. Energy label data structured for Google.

Multi-language ready

Serbian (Cyrillic and Latin) out of the box. Additional markets configurable without a rebuild.

Image pipeline

WebP conversion, lazy loading, and CDN delivery keep Core Web Vitals green across the catalogue.

Admin dashboard

Non-technical staff can update banners, pricing, and featured products without touching code.

Powered by readycms.io
Results

Numbers that speak for themselves.

Within six months of launch, Gume Online moved from invisible to dominant in organic search for their core tyre categories across Serbia.

+87%
Organic sessions

Year-on-year organic traffic growth in the first full post-launch season.

140+
Top-3 keywords

High-intent tyre search terms ranking in the top 3 positions on Google.rs.

4.2×
Conversion rate lift

Product page conversion rate versus the previous site, driven by the picker and energy label UX.

2.1s
Avg. page load

Median page load time across the catalogue on mobile — within Google's Core Web Vitals thresholds.

Start your project
Work with us

Ready to build something that ranks?

We do this for ambitious brands across every sector. If you need a site that looks great and performs in search, let's talk.

Brand identity Web design E-commerce Technical SEO Social content ReadyCMS Conversion optimisation
Behind this work
Browse showcases

Share

with your friends


{* *}