|

Overview

I designed and built a service business website prototype for a service company.

The project started as an earlier static version and was later rebuilt into a more complete second version with improved structure, optimized assets, contact handling, service pages, chatbot logic, SEO files, security headers, and a dedicated 3D scan page.

The goal was to create a professional business-facing website that could present services clearly, explain pricing, collect customer inquiries, support multiple service areas, and give the company a more modern digital presence.

This project demonstrates frontend structure, business-page thinking, form handling, performance awareness, and practical website requirements beyond a simple landing page.

The challenge

The company needed a clearer and more professional online presentation for its services.

The website had to explain different service areas, present pricing information, build trust, provide contact options, and make it easy for potential customers to request an offer.

The challenge was to create a website that looked modern and trustworthy while still being practical: clear navigation, service sections, contact forms, legal information, SEO setup, and performance-friendly assets.

What I did

I designed and built the website prototype.

My work covered the full build: the website structure, homepage, service sections, pricing and contact sections, and a dedicated 3D scan page.

On the backend, I implemented the PHP contact form with PHPMailer SMTP sending, the JavaScript chatbot logic, and the SEO files (robots, sitemap, manifest, favicons).

For deployment readiness, I configured Apache .htaccess rules with security headers, added service worker caching, and optimized the frontend assets.

Project structure

Core modules

Technical decisions

Reliability and quality

The outcome

The project shows that I can build more than automation workflows.

It demonstrates the ability to create a complete business website prototype with frontend structure, service positioning, contact handling, SEO setup, performance optimization, and basic operational backend logic.

The main value of the project is that it turns a company's services into a clear digital presentation: visitors can understand the offer, compare service areas, learn about 3D scanning, contact the company, and interact with the website through forms and chatbot logic.

Tech stack

Proof / Evidence

This case study is based on a service business website prototype built in two iterations. The original prototype is not published, since it contains company names, contact details, addresses, team names, partner references, internal comments, private assets, domain references, credentials, and logs.

Public code & documentation

Code excerpt: IP anonymization

The contact handler logs each request for operational visibility but follows data-minimization principles. Before any IP address is written to a log file, the last octet (IPv4) or last segment (IPv6) is replaced with a placeholder. The log proves the request happened without preserving who made it.

// Anonymized client IP for logging.
// Replace last octet of IPv4 (192.168.1.123 -> 192.168.1.xxx)
// or last segment of IPv6 before persisting to log files.

function getClientIP(?bool $anonymize = null): string {
    if ($anonymize === null) {
        $anonymize = defined('IP_ANONYMIZATION') ? IP_ANONYMIZATION : false;
    }

    $headers = [
        'HTTP_CF_CONNECTING_IP',
        'HTTP_X_FORWARDED_FOR',
        'HTTP_X_REAL_IP',
        'REMOTE_ADDR',
    ];
    $ip = 'unknown';

    foreach ($headers as $header) {
        if (!empty($_SERVER[$header])) {
            $ip = $_SERVER[$header];
            if (strpos($ip, ',') !== false) {
                $ip = trim(explode(',', $ip)[0]);
            }
            if (filter_var($ip, FILTER_VALIDATE_IP)) {
                break;
            }
        }
    }

    if ($anonymize && $ip !== 'unknown') {
        if (filter_var($ip, FILTER_VALIDATE_IP, FILTER_FLAG_IPV4)) {
            $ip = preg_replace('/\.\d+$/', '.xxx', $ip);
        } elseif (filter_var($ip, FILTER_VALIDATE_IP, FILTER_FLAG_IPV6)) {
            $ip = preg_replace('/:[^:]+$/', ':xxxx', $ip);
        }
    }

    return $ip;
}

Full handler in snippets/send-contact.php. The repository also covers the Apache .htaccess production config, service worker offline-first cache strategy, robots.txt + sitemap.xml + PWA manifest setup, and the architecture documentation behind all of it. The original prototype was never deployed to production; the public repository documents the patterns, not the full application.