:root { --brand: #F2B93B; --dark: #080808; --max: 1400px; --ease: cubic-bezier( 0.4, 0, 0.2, 1); } .hero-title { font-size: clamp(80px, 11vw, 160px); line-height: 0.88; }
// Intersection observer for scroll reveals const observer = new IntersectionObserver( (entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target .classList.add('visible'); } }); }, { threshold: 0.2 } );
.genre-block { clip-path: polygon( 0 0, 100% 0, 85% 100%, 0 100% ); transition: clip-path 0.4s ease; } @media (max-width: 768px) { .grid { grid-template-columns: 1fr; } }
@keyframes fadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
// Custom calendar — vanilla JS, no plugins const renderCalendar = () => { const days = [ 'Mon','Tue','Wed', 'Thu','Fri','Sat','Sun' ]; days.forEach(day => buildDayColumn(day) ); };
.reveal { opacity: 0; transform: translateY(32px); transition: all 0.7s ease; } .reveal.visible { opacity: 1; transform: translateY(0); }
Boutique Web Design Studio · Huddersfield, West Yorkshire

DOES YOUR WEBSITE REPRESENT YOU? Every pixel.

Most websites look like templates because they are. Eddie Colak Studio builds from scratch — no shortcuts, no off-the-shelf themes, no compromises. Just a site that actually looks and feels like your business.

Scroll to explore
5 Years Web Design Experience · One to One Client Service · HTML · CSS · JavaScript · 2 Revision Rounds Included · WordPress and Custom HTML Builds · Full Aftercare and Support · Mobile Optimised as Standard · Transparent Fixed Pricing · UK Based · Huddersfield · Hosted on UK Servers · No Hidden Fees. Ever. · Instagram Integration · SEO Ready on Launch Day · Security and Backups Included · Custom Animations · 5 Years Web Design Experience · One to One Client Service · HTML · CSS · JavaScript · 2 Revision Rounds Included · WordPress and Custom HTML Builds · Full Aftercare and Support · Mobile Optimised as Standard · Transparent Fixed Pricing · UK Based · Huddersfield · Hosted on UK Servers · No Hidden Fees. Ever. ·
About the Studio

BOUTIQUE STUDIO.
Your project, personally.

Eddie Colak Studio is a boutique web design studio based in Huddersfield, West Yorkshire. Every project is handled personally from the first conversation to the final handover. When you work with Eddie Colak Studio, you deal directly with the person building your site. No account managers, no handoffs, no surprises.

The studio specialises in custom WordPress builds and hand-coded HTML sites. Every website is built from scratch — no template purchases, no off-the-shelf themes. The result is a site that looks like your business, not like everyone else's.

01 I only build websites I would be proud to put my name on. Quality is non-negotiable on every project regardless of budget.
02 Pricing is fixed and published upfront. The quote you receive is the price you pay. No scope creep, no hidden extras.
03 Every site is built mobile-first, security hardened on launch day and backed up automatically every week.
04 I work with a small number of clients at a time. Your project gets full attention, not a slot in a production queue.
5+
Years Experience
100%
Client Satisfaction
2
Revision Rounds
1:1
Direct Service
What We Build

WHAT WE
DELIVER

Your website should look like your business — not like a template that could belong to anyone. Everything here is built from scratch, designed to your brief and coded by hand. The result is something that actually represents you.

The studio works with WordPress and Elementor for sites that need regular content updates, and hand-coded HTML for portfolio and single-page builds where performance and precision matter most. Every project includes UK hosting, security hardening and automated backups as standard.

// 01
WORDPRESS WEBSITES

A site you can actually update yourself — no developer needed for everyday changes. Built to your brand from scratch, not a theme someone else designed. You get full control over your content without ever touching code.

WordPress Elementor WPCode Shortcoder
// 02
CUSTOM HTML BUILDS

For businesses where the website is the product — portfolios, studios, agencies. Hand-coded HTML loads faster, looks sharper and gives you complete design freedom. Nothing off the shelf, nothing generic.

HTML5 CSS3 JavaScript GitHub Pages
// 03
MOBILE OPTIMISATION

Most of your visitors are on a phone. If your site doesn't work perfectly on mobile, you're losing them before they've read a word. Every build is tested on real devices — not just resized in a browser window.

Responsive CSS Mobile Testing Touch UX
// 04
SEO SETUP

A site Google can't find is a site that doesn't exist. Every build launches with Yoast SEO fully configured, keyphrases set, meta descriptions written for every page and the sitemap submitted to Google Search Console on day one.

Yoast SEO Search Console Meta Tags Sitemaps
// 05
INTEGRATIONS

Instagram feeds that update automatically. Booking forms that land straight in your inbox. WhatsApp buttons that open a chat in one tap. Everything your business needs to stay connected to customers — built in and tested before launch.

Instagram API WhatsApp WPForms Smash Balloon
// 06
SECURITY AND BACKUPS

A hacked site can disappear overnight. Every WordPress build includes Wordfence firewall, weekly automated backups to Google Drive and UK server-level protection. If something goes wrong, you're covered — and it can be restored fast.

Wordfence UpdraftPlus Imunify360 Krystal
HTML5
CSS3
JavaScript
PHP
WordPress
Elementor
Krystal Hosting
Wordfence
UpdraftPlus
Yoast SEO
Smash Balloon
WPCode
Shortcoder
GitHub Pages
Our Work

RECENT WORK

kt-dance-homepage.css
1/* KT Dance Company — Custom Build */
2.kth-wrap {
3  position: relative;
4  width: 100vw;
5  height: 100vh;
6  overflow: hidden;
7}
8
9.kt-genre-block {
10  clip-path: polygon(
11    0 0, 100% 0,
12    85% 100%, 0 100%
13  );
14}
15
16/* Interactive weekly calendar */
17const renderCalendar = () => {
18  const days = ['Mon','Tue',
19    'Wed','Thu','Fri',
20    'Sat','Sun'];
21  days.forEach(day => {
22    buildDayColumn(day);
23  });
24};
Case Study 01

KT DANCE COMPANY

ktdancecompany.co.uk  ·  View live site

KT Dance Company is one of Huddersfield's leading dance schools, offering nine disciplines across junior, intermediate and senior levels. The brief was clear: build something that looked as serious and professional as the studio's reputation. Nothing on the market matched the existing competition.

THE BRIEF
A fully custom dark-themed site that reflected the studio's premium competition record
An interactive weekly class schedule showing both studio spaces across all seven days
A live Instagram feed pulling from the studio's social account automatically
A competition showcase section covering world championship qualifications and regional results
Full teacher profiles with headshots, specialisms and professional bios
A booking enquiry form delivered direct to the principal's inbox
WHAT WAS BUILT
Six fully custom pages built in WordPress with Hello Elementor and Elementor Free
A full-screen video hero with animated overlays, custom logo and dual CTA buttons
A bespoke interactive calendar built entirely in vanilla JavaScript with dual studio support and popup class detail view
Five diagonal genre blocks with custom clip-path CSS, animated on hover
Live Instagram gallery feed via Smash Balloon connected to the studio's account
A world championship showcase section covering the Dance World Cup, TDCI World Performer and TDCI British Championships
A scrolling testimonials strip built with real client reviews and a seamless CSS loop animation
Seven teacher cards with real headshots, specialism labels and professional bios
Custom WPCode CSS snippets managing all styling across the site with zero theme bloat
Full Yoast SEO configuration across all six pages with sitemap submission on launch day
TECHNICAL CHALLENGES
A plugin limitation mid-build required restructuring the Competitions page entirely — identified early, resolved without any delay to the launch timeline
A live security breach was discovered and fully resolved during the build — infected files removed, access locked down, firewall installed and the site restored from a clean backup. The client never lost a day of trading
The class schedule needed to show two studio spaces, seven days a week, with popup class details on every entry — built entirely without plugins so it loads fast, works on every device and can be updated without breaking
6
Custom Pages
7
Teachers Profiled
9
Disciplines
WordPress Custom CSS / JS Instagram Integration Interactive Calendar Mobile Optimised Full SEO Setup Security Hardened Wordfence
View Live Site
broncos-europe.php
1/* Broncos Europe — Live News Feed */
2function broncos_live_news() {
3  static $run = false;
4  if ($run) return;
5  $run = true;
6
7  /* Fetch official RSS feed */
8  $rss = fetch_feed(
9    'denverbroncos.com/rss'
10  );
11
12  /* Filter non-English content */
13  if (preg_match(
14    '/[áéíóú]/u', $title
15  )) continue;
16
17  /* Output JSON to front end */
18  echo '<script>' .
19    'window.broncosNews=' .
20    json_encode($json) .
21    ';</script>';
22}
23add_action(
24  'wp_footer',
25  'broncos_live_news'
26);
Case Study 02

BRONCOS EUROPE

broncoseurope.co.uk  ·  View live site

Broncos Europe is the official home for Denver Broncos fans across the UK and Europe. The brief was to build a premium fan community site from scratch — cohesive, fast and packed with live data integrations that kept fans connected to the team from this side of the Atlantic.

THE BRIEF
A strong visual identity inspired by the Denver Broncos brand — navy, orange, full-bleed sections and editorial typography
Live Denver Broncos news feed pulling directly from the official RSS with automatic rotation and English-language filtering
A fully automated podcast page pulling all episodes from YouTube, split into numbered archive and general content
An NFL-style team card page with player ratings, stats and bio sections for each team member
A members roster page where fans can see the official Broncos Europe member list
A merchandise section with category pages ready for Spreadshop integration
WHAT WAS BUILT
Six fully custom pages built in WordPress with Elementor Free — Homepage, Podcast, Members, The Team, News and Merch
Custom atmospheric hero section with background image, orange radial glow, logo animation and cinematic depth overlays
Live score ticker pulling Denver Broncos schedule data from the ESPN API via a custom WPCode PHP snippet
Live news feed fetching the official Denver Broncos RSS, filtering Spanish-language content, extracting images and rotating every 30 seconds
Podcast page with YouTube RSS feed integration — all episodes parsed automatically, split into numbered archive and extra content, with guest name extraction from video titles
NFL Ultimate Team-style player cards on The Team page with ratings, stats, name, role and photo support
Broncos Europe Dispatch editorial grid with featured article layout matching the live news feed section
YouTube latest videos grid on the homepage pulling the six most recent uploads automatically
Spotify embed on both homepage and podcast page with links to Apple Podcasts, YouTube, Amazon Music and Deezer
Full Yoast SEO configuration across all pages with sitemap submitted to Google Search Console
TECHNICAL CHALLENGES
Twitter/X embeds are entirely blocked in 2026 — the social feed section was rebuilt using YouTube thumbnails and Instagram via Smash Balloon, keeping both feeds live and on brand
The YouTube podcast feed required custom episode parsing logic — extracting episode numbers, guest names and titles from unstructured video titles, then splitting numbered episodes from general content automatically
The Denver Broncos RSS feed included Spanish-language articles — a regex filter was built into the PHP snippet to detect and exclude non-English content before it reached the front end
Multiple script conflicts caused the news rotation to fire repeatedly — resolved with a static PHP guard and a JavaScript initialisation flag preventing duplicate intervals
6
Custom Pages
38
Episodes Auto-fed
5
Live Integrations
WordPress Custom CSS / JS / PHP RSS Integration YouTube API Spotify Embed WPCode Mobile Optimised Full SEO Setup Wordfence
View Live Site
Transparent Pricing

FIXED PRICES.
NO SURPRISES.

What you see is what you pay. No hidden fees, no scope creep.

Starter
£600
One-off fixed fee
  • Up to 3 pages
  • Custom design, no templates
  • Contact form
  • Mobile responsive
  • Basic SEO setup
  • 2 revision rounds
  • 30 day aftercare included
Get Started
Premium
£1,200
One-off fixed fee
  • Unlimited pages
  • Full custom build
  • Custom animations and interactions
  • Advanced integrations
  • Full SEO setup
  • 2 revision rounds
  • 60 day aftercare included
Get Started

Aftercare covers bug fixes, content tweaks and technical support for the included period. Once aftercare ends, keep your site protected and up to date with a monthly care package. No contract, cancel any time.

Monthly Care Package
Keep it running.
Keep it secure.
£75/mo
Monthly Wordfence security scan
WordPress core and plugin updates
Weekly automated backups to Google Drive
Content updates on request
Priority support response
The care package picks up where your aftercare period ends. Most clients stay on it. Your site stays secure, updated and running without you having to think about it.
Additional Services

EVERYTHING
YOU NEED

DOMAIN MIGRATION

Moving from an old domain to a new one. Full DNS configuration, WordPress URL updates, redirect setup and complete site testing before and after cutover.

£150
HOSTING SETUP

Full Krystal shared hosting setup, WordPress installation, SSL certificate configuration, Wordfence installation and initial security hardening.

£100
SEO AUDIT

Full Yoast SEO configuration across all pages, focus keyphrases, SEO titles, meta descriptions and XML sitemap submitted to Google Search Console.

£150
SECURITY CLEAN

Malware removal, infected file identification and deletion, fake admin account removal, password reset and Wordfence firewall installation and configuration.

£200
:root { --brand: #F2B93B; --dark: #080808; --max: 1400px; } .contact-btn { transition: all 0.3s ease; cursor: pointer; }
// Handle form submission const handleSubmit = async (e) => { e.preventDefault(); const res = await fetch(action, data); if (res.ok) { showSuccess(); } };
// Scroll reveal observer const observer = new IntersectionObserver( (entries) => { entries.forEach(e => e.target.classList .add('visible') ); } );
Start a Project

LET'S TALK tell me what you need.

No sales pitch. No obligation. Just a straight conversation about what you need and whether I can help. Fill in the form or reach out directly and I will get back to you the same day.

Based in
Huddersfield, West Yorkshire
Email
WhatsApp