HB
HB STUDIOS
0%
Selected Works

Web Design
Portfolio

Six clients. Six hand-coded modern business websites. All 100/100 PageSpeed.

01 // BRIGHTNEST TUTORING

Private Tutoring.
Digital

Overview

BrightNest Tutoring is a private tutoring service offering personalised academic support. They needed a professional, welcoming web presence that would build parent trust and drive enquiries.

The Challenge

Creating a site that balanced warmth with professionalism — appealing to both parents and students, with a clear contact journey and strong first impression for a service-based business.

Key Deliverables
/5-page bespoke website
/Contact & enquiry form (Formspree)
/Mobile-first responsive design
/SEO-optimised content structure
/Cloudflare Pages deployment
/Sub-1s load time
Technologies
HTML / CSS / JSCloudflare PagesFormspreeSEO
The Solution
Trust-First Design

Clean, calm aesthetic with warm typography — designed to reassure parents and convey credibility from the first second.

Conversion Flow

Clear service breakdown, tutor credentials, and a prominent enquiry form. Every page has one job: generate contact.

Performance

Hand-coded with zero frameworks. 100/100 PageSpeed, sub-1 second load — critical for mobile users on the go.

Live Project

A fully live tutoring site — professional, fast, and built to generate enquiries.

Visit BrightNest
100PageSpeed
5Pages Built
48hFirst Draft
<1sLoad Time
02 // TRUBAMBOO

Young Enterprise.
Delivered

Overview

TruBamboo is a Young Enterprise company selling sustainable bamboo lifestyle products. As a real student-run business, they needed a credible, premium-feeling e-commerce presence that matched their brand values.

The Challenge

Building a site that felt genuinely premium despite a lean brief — six pages, nine real team members, product image sliders, and a full contact system, all without making it look like a school project.

Key Deliverables
/6-page bespoke website
/Product image sliders
/Real team photo integration (9 members)
/Formspree contact integration
/Young Enterprise Trading Station links
/Cloudflare Pages deployment
Technologies
HTML / CSS / JSCloudflare PagesFormspreeYoung Enterprise
The Solution
Editorial Aesthetic

Cream and forest green design system with Cormorant Garamond and DM Sans typography — deliberately refined for a student-run brand that needed to punch above its weight.

Real Content Integration

Nine real team member photos and bios, product photography, and actual pricing — not a template, but a proper brand site.

Trading Integration

Direct links to the company's Trading Station (ID 18668) with clear product-to-purchase flow.

Live Project

A live, credible brand site for a real trading company — premium feel, real results.

Visit TruBamboo
100PageSpeed
6Pages Built
9Team Members
<1sLoad Time
03 // ASW CLOTHING

E-commerce.
End-to-End

Overview

ASW Clothing required a clean, premium site to showcase and sell their tracksuit range — plus a fully functional Shopify checkout system that could handle real product sales from day one.

The Challenge

More than design — a complete system build. Premium streetwear aesthetic, consistent product imagery, Shopify checkout integration, domain configuration, DNS setup, and caching resolution all in one project.

Key Deliverables
/Custom front-end website design
/Shopify checkout integration
/Product catalogue setup
/Domain & DNS configuration
/Performance & caching optimisation
/Image system standardisation
Technologies
HTML / CSS / JSShopifyCloudflare PagesDNS / CDN
The Solution
Streetwear Aesthetic

Minimal, monochrome design inspired by premium streetwear labels — product-forward, brand-consistent, and built to convert browsers into buyers.

Shopify Integration

Full checkout flow via Shopify, product structure aligned to tracksuit sets, and a seamless handoff from browsing to purchase.

Technical Setup

Domain configuration, DNS via Cloudflare, performance optimisation, and resolution of routing inconsistencies post-launch.

Live Project

A live, high-performing e-commerce site — selling real products from day one.

Visit ASW Clothing
100PageSpeed
ShopifyIntegration
<1sLoad Time
£0Monthly Fees
04 // F1 EPQ RESEARCH SITE

Academic Research.
Visualised

Overview

Built to present an Extended Project Qualification exploring F1 performance analysis — specifically how much a driver's skill influences results versus the car. The site turns dense academic research into an engaging digital experience.

The Challenge

Translating academic depth into an engaging, data-rich web format — with complex video integration, Bayesian variance models, and intra-team comparisons all needing to feel accessible rather than academic.

Key Deliverables
/Custom research presentation site
/Data visualisation & F1 statistics
/Complex video integration via Base44
/Performance optimisation & deployment
/Responsive across all devices
/Academic-to-digital content design
Technologies
HTML / CSS / JSBase44Video IntegrationData Visualisation
The Solution
Multi-Tool Execution

Hand-coded and deployed ourselves, then utilised Base44 for further optimisation and complex video integration — demonstrating our ability to work across a wide range of modern tools to positive effect.

The Research Question

"How does the driver influence F1 performance compared to the car, and how accurate is the 88/12 split?" — Bayesian variance analysis, driver comparisons (Verstappen, Hamilton, Alonso), and an original synthesis model.

Cinematic Execution

Academic-grade research presented at editorial standard — fast, visually engaging, and built to communicate rather than impress.

Live Project

A fully deployed, publicly accessible research site — academic depth, cinematic execution.

Visit F1 EPQ Site
100PageSpeed
Base44Platform
8+Data Sections
<1sLoad Time
05 // BAINS CARS

Private Hire.
Built To Convert

Overview

Bains Cars is a Warwick District licensed private hire and airport transfer service covering Coventry, Warwickshire, and 28 UK airports. They needed a fast, professional site that would convert visitors into bookings.

The Challenge

The site needed serious depth — a full airport pricing grid across 28 destinations, a 12-field booking request form, flight monitoring options, and meet & greet selections — all while remaining fast and immediately trustworthy.

Key Deliverables
/Full multi-page site with services & airports
/Airport pricing grid — 28 destinations
/12-field booking request form
/DBS, licensing & fleet trust signals
/Cloudflare Pages deployment
/Sub-1s load time
Technologies
HTML / CSS / JSCloudflare PagesFormspreeDNS / CDN
The Solution
Conversion-First Design

Clean layout with fixed prices front and centre, trust signals above the fold, and clear CTAs on every page. Designed to answer the customer's questions before they think to ask.

Booking System

A 12-field form covering journey type, passenger count, luggage, child seats, flight number, meet & greet, and payment preference — capturing everything needed in one submission.

Performance

Sub-1 second load time. Hand-coded, no frameworks. Deployed globally on Cloudflare's CDN.

Live Project

A fully live airport transfer site — fast, trustworthy, built to generate bookings.

Visit Bains Cars
100PageSpeed
28Airports
12Form Fields
<1sLoad Time
06 // GB LASERS

Industrial.
Precise

Overview

GB Lasers is a UK supplier of high-performance industrial laser machines — fiber cutters, CO₂ lasers, welding systems, and tube cutters — from compact workshop units to 12kW+ exchange platforms. A technical product catalogue site.

The Challenge

Serious technical depth — 15+ machine spec pages across 4 categories, an interactive material compatibility filter, CE/ISO compliance, and a professional B2B aesthetic for industrial buyers evaluating high-value capital equipment.

Key Deliverables
/Multi-page product catalogue — 4 categories
/15+ individual machine spec pages
/Interactive material compatibility filter
/CE & ISO9001 compliance presentation
/Quote enquiry system & contact flow
/Cloudflare Pages deployment
Technologies
HTML / CSS / JSCloudflare PagesInteractive FilterDNS / CDN
The Solution
Product Architecture

Clean hierarchy across Fiber Lasers, CO₂ Lasers, Welding & Cleaning, and Tube Cutters — each with landing pages, individual machine specs, and consistent information layout.

Interactive Material Filter

A JavaScript-powered selector lets buyers filter machines by target material — carbon steel, aluminium, acrylic, leather — instantly surfacing the right machine for their application.

B2B Credibility

CE marking, ISO9001, UK-based support, and competitive direct pricing — all presented clearly to build confidence with industrial buyers.

Live Project

A fully deployed industrial catalogue — technically precise, professionally presented.

Visit GB Lasers
100PageSpeed
15+Machine Pages
4Categories
<1sLoad Time
By The Numbers

Before vs After

The measurable difference an HB Studios build makes against a typical WordPress or Wix site.

Typical WordPress / Wix
40 /100
PageSpeed Score
Avg. 4–8 second load
HB Studios Build
100 /100
PageSpeed Score
Sub-1 second load
MetricWordPress / WixHB Studios
PageSpeed Score30–55100
Page Load Time4–8 Seconds<1 Second
Mobile Score40–6595–100
SEO Score55–7595–100
Time to First Byte800ms+<100ms
Accessibility Score60–8090–100
Templates UsedYesNever
Monthly Fees£20–50/mo£0
Based on Google Lighthouse audits. WordPress/Wix averages from real-world builds. Get Your Free Audit →