Portfolio Website

KnightLogics.com

This site is itself a demonstration of what I build. Knight Logics is a multi-page portfolio and service hub built with custom HTML, CSS, and JavaScript — no frameworks, no CMS. 95 Desktop Performance. 100 Accessibility. 100 SEO. Indexed, schema-verified, and GA4-tracked from day one.

View Live Site All Case Studies
95 Desktop Performance
100 Accessibility
100 SEO Score
100 Best Practices
3+ Rich Result Types

The Build

A Portfolio That Practices What It Preaches

HTML5 CSS3 Vanilla JS Vercel GA4 Analytics JSON-LD Schema Google Search Console WebP Images

If the goal is to sell website development, the website that sells it has to be the best example of it. KnightLogics.com was built to that standard — hand-coded, performance-first, and fully instrumented with analytics and structured data from the start.

The site has multiple service pages, a project showcase system, contact forms, policy pages, and a structured content hierarchy that Google can crawl and understand. The header and footer load dynamically via JavaScript fetch, keeping the codebase clean without a backend or build system.

Every page carries full SEO metadata, Open Graph tags, Twitter Cards, canonical links, and JSON-LD schema. Google Analytics 4 is integrated for conversion tracking, and the site is verified and monitored in Google Search Console.

What Was Built

  • Multi-page portfolio: home, projects, 4 service pages, contact, policy pages
  • Dynamic header/footer loading via JS fetch — DRY architecture, no build step
  • Project showcase with demo videos and live links
  • Person + Organization JSON-LD schema for entity establishment
  • Service schema on each service page with areaServed
  • BreadcrumbList on all inner pages
  • Open Graph + Twitter Card meta on every page
  • Google Analytics 4 with custom config
  • Sitemap.xml submitted to Google Search Console
  • 100/100 Accessibility — full WCAG compliance
  • Hosted on Vercel with edge CDN and automatic HTTPS

Google Business Profile

Knight Logics

Verified Business
Software Company · Tampa Bay, FL
View on Google

Live Site Preview

What Visitors Actually See

Desktop and mobile homepage captures from the live production site.

Desktop Homepage
KnightLogics.com homepage on desktop
Mobile Homepage
KnightLogics.com homepage on mobile

Lighthouse Scores

PageSpeed Insights

Tested via PageSpeed Insights (Lighthouse 13.0.1) on April 6, 2026. Scores reflect the homepage at https://knightlogics.com/

Desktop — 95 / 100 / 100 / 100
Knight Logics PageSpeed Insights Desktop — 95 Performance, 100 Accessibility, 100 Best Practices, 100 SEO
Mobile — 86 / 100 / 100 / 100
Knight Logics PageSpeed Insights Mobile — 86 Performance, 100 Accessibility, 100 Best Practices, 100 SEO

Google Search Console

Indexed & Verified

Site submitted to Google Search Console with sitemap. All pages crawled and indexed successfully.

Google Search Console showing KnightLogics.com pages indexed successfully

Structured Data

Rich Results Validation

Tested via Google's Rich Results Test. Valid items eligible for enhanced Google Search appearance.

View Full Live Test
Overall — All Schema Types Detected
Knight Logics Rich Results Test — 3 valid items detected: Breadcrumbs, Local Business, Organization
Local Business Schema
Knight Logics Rich Results Test — Local Business schema valid
Organization Schema
Knight Logics Rich Results Test — Organization schema valid
Breadcrumb Schema
Knight Logics Rich Results Test — Breadcrumb schema valid

Want a Site Built to These Standards?

Every project gets the same attention to performance, SEO, and structured data — whether it's a one-page landing site or a full multi-service portfolio.

Start a Project See All Case Studies