Portfolio Sample — Demo Preview

Demo Preview — Farrell Electric

A GitHub Pages demo built from Facebook photos for a friend who did not pursue a paid project. No custom domain. Intentionally not indexed for search — a sales/validation demo, not a ranking website.

Demo Preview ($200) is honest about scope: assemble imagery and offer messaging quickly, host on a free GitHub Pages URL, keep the site out of search by design (noindex / not submitted to Search Console), and show what a site could feel like before investing in domain, SEO, and systems.

When a client is ready to invest further, the same foundation expands into Preview Launch, Local Site, or a full Growth System. Farrell remains in the portfolio as a clear example of that first credible step.

Demo Preview package Start $200 checkout View Live Demo All Case Studies

Preview launch walkthrough

One project photo from the Farrell Electric workspace — paired with the brand mark and Demo Preview stats. No duplicate crops, no other trade sites.

Farrell Electric website hero — Farrell Electric Demo Preview — the only full project photo from the client workspace. One hero, used once.

Start with a Demo Preview Home service websites

Demo preview / GitHub Pages build — **Demo Preview** GitHub Pages–style preview build used for noindex demo launches.

PageSpeed Insights / Lighthouse lab report — **Lab scores** PageSpeed / Lighthouse capture used for published mobile/desktop scores on this case study.

Structured data / rich results verification — **Rich results** Indexing / structured-data verification capture for the Farrell demo pattern.

The Build

Demo Preview electrician site on GitHub Pages

HTML5 CSS3 Vanilla JS GitHub Pages Intentional noindex

The Demo Preview tier ($200) is purpose-built for businesses that need a sales demo without a custom domain or search indexing. It answers: “Can we show what this could look like this week?”

Farrell Electric is a portfolio sample: Facebook photos gathered and turned into a custom-coded GitHub Pages demo for a friend who chose not to move forward with a paid engagement. No custom domain. Not submitted for search — GitHub Pages can be indexed, so Demo Preview deliberately stays non-search.

This tier skips domain, GBP, analytics, and deep SEO while focusing on conversion clarity: offer, services, work photos, and a contact path.

As a Demo Preview example, it is the lowest-risk entry into custom-coded presence — ideal before Preview Launch, Local Site, or a Growth System.

What Was Delivered

Three custom HTML pages with responsive design
HTML5 semantic markup for accessibility
Basic SEO meta tags (title, description, OG, Twitter Card)
Electrician schema (JSON-LD) for service type identification
Contact form with email routing
Services section with clear offerings
Work/portfolio gallery showing completed projects
Service area and geographic coverage
About section for trust and credibility
Hamburger navigation for mobile
Mobile-responsive layout (no desktop-only design)
Deployed on free GitHub Pages hosting

What's Not Included

Custom domain (hosted on GitHub Pages URL)
Search indexing / Search Console submission (intentional noindex)
Google Analytics or Microsoft Clarity
Google Business Profile setup
Deep content architecture (service clusters, city-page network, blog)
Advanced SEO foundation (keywords, local indexing focus)
Directory registration or citation work
Bing Webmaster setup
Local-specific service pages

Ideal For

Demo Preview is Right When:

You need a sales demo this week, not a ranking website
You do not want a custom domain or search indexing yet
You have photos (Facebook, phone) and a rough offer to validate
You're testing market demand before heavier investment
Most lead flow is still word-of-mouth or direct referrals
You want $200 credit toward a larger package later

Next step: When you need multi-page depth, a custom domain, or Google visibility, move to Preview Launch or Local Launch.

Demo Preview Disclosure

Read this before you assume Farrell Electric is a paid client result

To be direct: this is not a live client case study, and Farrell Electric is not a paying customer of Knight Logics. It is a demo preview — a $200-tier, custom-coded sales sample assembled from a friend's Facebook photos to show what a fast, credible starting point could look like. The friend did not move forward with a paid engagement, and the site was never intended to rank in search.

We keep it in the portfolio anyway because it is honest proof of craft at the lowest tier we offer — three clean pages, real HTML/CSS, working schema, and a working contact form, built quickly and hosted for free. If you are comparing this page to a full growth system like Roof Monsters or Knight Group, you are comparing two different products on purpose; Demo Preview is the entry point, not the ceiling.

Structured Data

Rich Results Validation

Latest live Rich Results output for the homepage reports 2 valid items: Local businesses and Organization. This is accurate for an entry-tier preview build and shows Google can parse core business identity markup.

Live run status (2026-05-09): synced to a live Rich Results run from the authenticated shared browser session.

Valid Items (Live Test)

2 detected

Next Schema Pass

Add BreadcrumbList

Run Live Rich Results Test

Local businesses (1 valid item)

Confirms core local business context so Google can map service area intent to the business homepage.

Organization (1 valid item)

Reinforces brand/entity identity and helps Google connect site signals to the company profile.

BreadcrumbList (next addition)

Recommended next schema layer so search results can show cleaner navigation paths instead of raw URLs.

Source: live Rich Results run for https://farrell-electric.github.io/farrell-electric-website/ (result id: iRQxF5gN1ZJS0YBUm5kR2A).

Common questions

Is Farrell Electric a paid client case study?

It is a GitHub Pages Demo Preview built for a friend who did not pursue a paid project — assembled from Facebook photos, no custom domain, intentionally not indexed for search.

What is Demo Preview?

A $200 custom-coded demo on GitHub Pages with no custom domain and intentional noindex — used to validate layout and offer before Preview Launch, Local Site, or a Growth System.

Can GitHub Pages be indexed?

Yes, by default. Demo Preview’s extra requirement is deliberate non-search intent: noindex and no Search Console submission so the URL stays a sales demo, not a ranking property.

Can this become a full growth system later?

Yes. Demo Previews are designed to expand into Preview Launch, Local Site, deeper service pages, local SEO, and automation lanes when you are ready. Credit from the $200 package can apply toward a larger build.

Why show it if it is not a paid engagement?

Honest portfolio proof. It shows craft and conversion basics without overstating scope or inventing metrics.