Technical SEO Digital Performance Analytics and Reporting Web Development
Portfolio

Technical SEO, reporting, and web development case studies.

This portfolio highlights work across search visibility, performance optimisation, analytics, reporting systems, API-driven products, and websites built to support real business goals. The three featured case studies below are the strongest examples for Technical SEO and Digital Performance roles.

KingdomBlue website preview SEO reporting system preview Interactive web app preview Data-driven interface preview
Technical SEO, Reporting, and API-Driven Web Systems
Latest Case Study

Turning SEO Visibility Into Website-Generated Leads

Technical SEO, Reporting, and Lead Generation. This case study is based on the April 2026 Search Performance report and internal member progress lead data. The goal was not only to improve visibility in Google Search, but to connect organic traffic to measurable business outcomes through contact-page engagement and website-generated leads.

445 Organic clicks
10,246 Search impressions
4.34% Click-through rate
7.21 Average ranking position
36 April website-coded leads
272 Homepage clicks
93 Contact page clicks
349 Mobile clicks
South Africa Primary traffic source

Problem

The website needed to do more than appear in Google Search. It had to capture users who were actively searching for funeral services, funeral packages, pricing, contact details, policy information, and service support. The bigger challenge was turning search visibility into real business activity through contact-page visits and website-generated leads.

What I Did

I combined technical SEO, Google Search Console reporting, page-level analysis, search intent review, mobile traffic analysis, and lead-source tracking to understand how organic search was connecting to business outcomes. I used the KingdomBlue Life Report Generator to turn raw Search Console data into a monthly reporting view for clicks, impressions, CTR, rankings, top pages, country data, and device behaviour.

Growth Comparison

Organic clicks increased from 338 in February to 445 in April, a gain of 31.7%. Website-coded leads moved from 15 in February to 25 in March and 36 in April, which equals 140% growth from February to April and 44% growth from March to April. Homepage clicks rose from 224 to 272, while contact page clicks grew from 51 to 93, an 82.4% increase.

Data Insights

April showed that the website became more efficient in search. Even though total impressions were lower than February, clicks increased from 338 to 445 and CTR improved from 2.66% to 4.34%. This means the website attracted better-quality search visibility and converted more impressions into visits. The homepage remained the strongest organic entry point with 272 clicks, the contact page reached 93 clicks, mobile produced 349 clicks, and South Africa remained the primary traffic source.

Results

The website generated 445 organic clicks from 10,246 impressions in April 2026. Website-coded leads increased from 15 in February to 36 in April. The contact page grew from 51 clicks to 93 clicks. The homepage grew from 224 clicks to 272 clicks. The website maintained Page 1 average visibility with an average position of 7.21.

Key Takeaway

Technical SEO becomes more valuable when it is connected to business outcomes. This project shows how I use search data, reporting systems, page-level analysis, and lead-source tracking to measure whether SEO work is actually helping the business. The biggest win was not just more traffic. It was better search efficiency, stronger contact-page activity, and a clear increase in website-generated leads.

Skills / Tools

Technical SEO Google Search Console SEO reporting Search intent mapping CTR analysis Lead-source analysis Mobile-first UX thinking Conversion-focused optimisation HTML CSS JavaScript WordPress Python Flask SQLite Custom reporting systems

Source note: April 2026 Search Performance reporting and internal member progress lead data, compared against February 2026 and March 2026 website lead tracking.

Additional Case Studies

More projects that show technical depth, measurable thinking, and business context

These supporting case studies expand on the same pattern: practical implementation, clear decision-making, and digital work tied back to outcomes.

Case Study 01

KingdomBlue

Technical SEO, performance optimisation, landing pages, and conversion-focused web execution for a live business website.

Technical SEO Performance Optimisation Conversion UX Web Development
KingdomBlue preview

Overview

KingdomBlue needed a stronger digital foundation across public-facing pages and product journeys. My work focused on making the site easier to discover, faster to use, and clearer to convert.

Challenge

The site had to support multiple services and product journeys while improving search visibility at the same time. SEO, UX, speed, and conversion paths had to be handled as one connected problem.

My Role

Developer / Designer, with day-to-day responsibility across technical SEO, landing pages, UI components, and conversion-supporting digital assets.

What I Did

Ran SEO reviews, improved page structure and content alignment, built landing pages and reusable UI pieces, worked on speed and Core Web Vitals, and added interactive functionality through APIs and WebSockets. I also applied AIEO thinking when shaping content for both traditional and AI-assisted search environments.

Tools Used

Google Search Console PageSpeed Insights HTML5 CSS JavaScript WordPress APIs WebSockets

Technical Decisions

I prioritised crawlability, page speed, and landing page structure before layering on visual polish. Reusable front-end components kept the experience more consistent and made future updates easier to manage.

Outcome / Impact

The result was a stronger technical base for search visibility, cleaner user journeys, and a site experience better aligned with enquiry and conversion goals. It also connected day-to-day SEO work more closely to the actual build.

Why This Matters

This is the kind of work Technical SEO and Digital Performance roles require: diagnosing visibility problems, improving the front end, and tying optimisation back to business actions.

Case Study 02

SEO Reporting and Analytics System

A Flask-based reporting system that turned Search Console data into repeatable analysis, KPI tracking, and stakeholder-ready outputs.

Analytics Reporting Google Search Console Python
SEO reporting system preview

Overview

The KingdomBlue Life Report Generator is a Python and Flask application built to turn Search Console data into usable monthly and custom reports. It replaced one-off reporting with a repeatable workflow for analysis and stakeholder updates.

Challenge

Search performance data existed, but pulling it into a consistent reporting process was slow and fragmented. The system needed to fetch reliable data, preserve history, and generate outputs the team could actually use.

My Role

I designed and built the reporting workflow, from Search Console integration and KPI logic to the dashboard, data storage, and export flow.

What I Did

Built the Flask app, connected the Google Search Console API, created KPI and trend views, added custom date ranges, stored historical metrics in SQLite, and generated downloadable Excel reports with optional scheduled email delivery.

Tools Used

Python Flask SQLite Search Console API OpenPyXL Chart.js SMTP Excel Exports

Technical Decisions

Flask kept the system lightweight and fast to iterate on. I used SQLite for local historical analysis, separated the report engine from the web layer, and streamed Excel files in memory so reports could be delivered without depending on server-side file storage.

Outcome / Impact

The team got a reusable reporting tool instead of manual spreadsheet work. Search visibility trends, KPI movement, and period comparisons became easier to review, share, and act on.

Why This Matters

It shows the reporting side of digital performance: not just finding issues, but building the systems that help teams monitor, explain, and improve performance over time.

Case Study 03

AURA

An investment intelligence platform spanning dashboards, signal analysis, search, and reporting workflows across a Next.js and FastAPI product stack.

Next.js FastAPI Signal Analysis Dashboard UX
AURA investment intelligence platform thumbnail

Overview

AURA was a product built on a Next.js frontend, FastAPI backend, Postgres, and Redis. It brought together search, signal detail pages, dashboards, watchlists, alerts, portfolio tools, and PDF reports so investors could move from market scanning to interpretation in one place.

Challenge

The product had to surface live market data, JSE-specific symbol enrichment, AI-style narrative outputs, and explainability layers without turning the interface into a wall of numbers. The real problem was not only access to data, but structuring it so users could understand what mattered first.

My Role

I focused on the product and interface layer: dashboard hierarchy, signal-detail clarity, search and discovery flows, report readability, and investor-facing presentation across data-heavy views.

What I Did

Mapped summary-to-detail journeys, shaped dashboard and terminal layouts, structured search and screener results, and helped frame investor-facing explanation blocks around Alpha Score, Trade Setup, Flow Signal, market narrative, and report outputs.

Tools Used

Next.js TypeScript FastAPI Python Postgres Redis Dashboard UX

Technical Decisions

The product was split between a Next.js web app and FastAPI API so search, dashboards, reports, and signal engines could evolve independently. Redis caching reduced repeated market-data latency, JSE symbol mapping improved local search resolution, and the interface separated scan views from deep analysis to keep decision-making faster.

Outcome / Impact

The result was a clearer investment product with stronger discovery, cleaner signal interpretation, and report-ready views that could support repeated analysis rather than one-off screenshots. It positioned AURA as a platform experience, not only a collection of charts.

Why This Matters

This matters for Technical SEO and Digital Performance roles because it shows I can work beyond marketing pages. I can structure data-heavy products, think in systems, handle API-driven workflows, and turn complex information into something people can use.

Additional Visual Work

Supporting design work beyond the featured technical case studies

Design remains part of my background, but the strongest examples for technical roles are the case studies above. This gallery shows the broader visual range behind that work.

Brand identity project
Editorial layout project
Product campaign project
Web experience project
Packaging design project
Landing page project
Illustration project
Marketing toolkit project
Web Projects

Live websites and supporting builds

Client websites and landing pages that show practical front-end execution, responsive builds, and business-focused delivery.

Emang Bomme website preview

Emang Bomme

A construction company website with a focus on modern design and functionality.

Visit Site
OBP Investments website preview

OBP Investments

A sleek investment platform showcasing financial services.

Visit Site
Tlhopego Thapelo Business Holdings website preview

Tlhopego Thapelo Business Holdings

A corporate site highlighting diverse business ventures.

Visit Site
P and Twin Molefe Holdings website preview

P and Twin Molefe Holdings

A professional website for a holdings company with a clean aesthetic.

Visit Site
Kingdom Blue Funeral website preview

Kingdom Blue Funeral

Funeral services website with insurance, consultation, and royal care services.

Visit Site
Thaba Risk Advisory website preview

Thaba Risk Advisory

Risk advisory consultancy providing asset protection and AUDETEX compliant services.

Visit Site
Web Apps

Interactive tools and product experiences

Calculators and interactive tools built around usability, clear workflows, and operational value. Internal reporting systems are documented as case studies instead of public demos.

KingdomBlue Investment Calculator preview

KingdomBlue Investment Calculator

Glassmorphism calculator with live validation and investor callbacks.

Open Demo
KingdomBlue Cash Loan Calculator preview

KingdomBlue Cash Loan Calculator

Loan estimator with product rules, dynamic ranges, and conversion-ready forms.

Open Demo
Hospital Network Directory preview

Hospital Network Directory

Interactive directory with tabs, search, and dynamic statistics.

Open Demo
Video and Motion

Motion edits and visual storytelling

Original edits, event highlights, anime mixes, and cinematic cuts created for clients and fan projects.

Booklets and Publications

Long-form design and corporate storytelling

Corporate profiles, annual reports, and publication layouts.

RBH Corporate Profile 2025 cover

RBH Corporate Profile 2025

Corporate branding and profile document showcasing company services and values.

RBH Integrated Annual Report 2022 cover

RBH Integrated Annual Report 2022

Comprehensive annual report detailing company performance and financials for 2022.

RBH Integrated Annual Report 2023 cover

RBH Integrated Annual Report 2023

Comprehensive annual report detailing company performance and financials for 2023.

Harambee SACCOO 2021 Annual Report and Financial Statements cover

Harambee SACCOO 2021 Annual Report and Financial Statements

Annual report and financial statements document presenting the organisation's 2021 performance, reporting, and financial position.

Documents and Print Design

Guides, flyers, certificates, and brand assets

Training materials, promotional flyers, recognition certificates, and branded documents prepared for clients and teams.

Sales and Marketing Training Guide cover

Sales and Marketing Training Guide

Internal training guide covering sales, marketing, and insurance product communication.

Cash Loan Product Training Guide cover

Cash Loan Product Training Guide

Product training guide focused on cash loan offerings and customer-facing insurance messaging.

Glucose Product Document cover

Glucose Product Document

Branded product booklet for premium bakes, corporate gifting, and restaurant dessert offerings.

Bidvest McCarthy Pre-Owned Flyer cover

Bidvest McCarthy Pre-Owned Flyer

Promotional flyer for pre-owned vehicle sales and test-drive bookings.

Bidvest McCarthy Pre-Owned Flyer 2 cover

Bidvest McCarthy Pre-Owned Flyer 2

Alternate dealership flyer layout with deal highlights and contact details.

Best Driver of the Year certificate cover

Best Driver of the Year

Certificate design created to recognize top driver performance.

Employee of the Month certificate cover

Employee of the Month

Recognition certificate layout for monthly staff appreciation.

Nkayi United Football Club Logo PDF cover

Nkayi United Football Club Logo

Brand presentation PDF for the Nkayi United Football Club identity.

Capabilities

Technical digital capability across search, build, and reporting

Technical SEO

On-page optimisation, indexability improvements, search visibility work, and site performance thinking grounded in real implementation.

Analytics and Reporting

Search Console reporting, KPI tracking, reporting workflows, and dashboard thinking designed to support faster decisions.

Web Development and UX

Responsive builds, API integrations, front-end components, and conversion-focused UX that connect technical work to business outcomes.

Hiring for Technical SEO, Digital Performance, or Web Development?

If you need someone who can improve search visibility, build better pages, and turn performance data into practical action, download my CV, portfolio, certification, or contact me directly.