Back to Projects

Color Center

A 48-page, two-language corporate site written from scratch for an electrostatic powder-coating company with two plants in Bursa.

Project type
Client Work
Sector
Industrial powder coating
Location
Bursa, Türkiye
My role
Design, development, SEO
Year
2023 · 2026
Scope
48 pages × 2 languages

FIG. 01Homepage

Live site ·
Homepage: opening on a RAL fan deck with quote and phone calls to action
Problem
The first version (2023) was Turkish-only, 19 pages long, and gave search engines no structured data.
Solution
The rebuild serves 48 pages in two languages with JSON-LD per page type; the whole site's JavaScript is 2.8 KB compressed.

Context

Color Center is a contract coater in Bursa that applies electrostatic powder coating and industrial finishes to metal parts at two plants, NOSAB and Alaaddinbey. Its customers come from automotive, white goods, furniture, machinery, facades and electrical panels, and the person reading the site is usually a buyer or a quality engineer.

I built the company's first site in 2023: a Turkish-only, 19-page build on Bootstrap and jQuery. In 2026 I rewrote it from scratch. The goal was for the site itself to answer what a technical buyer asks before requesting a quote: capacity, process, colour and certification.

Approach

  • Structure follows the buyer's questions. Content is split into eight menu groups: Corporate, Applications, Technical, Facilities, Quality, References, Knowledge Centre and Contact.
  • Every page in two languages. Turkish and English pages each live at their own localised URL, and the language switch lands on the same page in the other language.
  • The material is the visual language. The homepage opens on a RAL fan deck rather than a photograph, and each application card carries its own RAL colour.
  • Claims controlled from one setting. The ISO 9001 certificate's expiry date lives in a single setting; when it lapses, certificate claims disappear from pages, the FAQ and the structured data together.

Highlights

  • 96 URLs: 48 pages × 2 languages, with legacy addresses permanently redirected to their new pages.
  • Quote form: 13 fields including RAL code, gloss, indoor/outdoor use and line preference; reCAPTCHA, KVKK consent and submission without a page reload.
  • RAL chart: 63 colours in 9 groups.
  • Knowledge Centre: 7 technical articles, a 10-question FAQ and a 10-term glossary.
  • Technical capacity: Both plants' floor area, conveyor length, oven and hanger capacity in a single table.

Technical foundation

  • Core: A PHP application with a single entry point and no framework or database. All 48 routes and their localised slugs sit in one route table, rendered by 33 page templates and 6 components. No build step.
  • Content: Kept in PHP data files and two language files (100 keys per language).
  • SEO: Canonical, hreflang (tr, en, x-default) and OpenGraph on every page. Structured data per page type: Organization, LocalBusiness, Service, FAQPage, DefinedTermSet, Article and BreadcrumbList. The sitemap and llms.txt are generated from the same route table.
  • Performance: The site's only JavaScript file is 2.8 KB compressed and deferred. Fonts are self-hosted; images are WebP with JPG fallbacks and explicit dimensions; static files are cached for a year.
  • Forms: Server-side validation, a reCAPTCHA check and delivery over SMTP with PHPMailer.

Outcome

The rebuild went live in September 2026. The site now presents capacity, process, colour and quality information in two languages, backed by structured data that search engines can read.

FIG. 02Pages

1440 × 900
  1. Applications: five application cards, each in its own RAL colour

    01

    Applications — five application cards, each in its own RAL colour

  2. Technical capacity: both plants' figures in one table

    02

    Technical capacity — both plants' figures in one table

FIG. 03Mobile view

390 × 844
  1. Mobile homepage: colour strip and one-tap call

    01

    Mobile homepage — colour strip and one-tap call

  2. Mobile application cards: each with its defining figure

    02

    Mobile application cards — each with its defining figure

  3. RAL chart: 63 colours in 9 groups

    03

    RAL chart — 63 colours in 9 groups

  4. Quote form: 13 fields including RAL code, gloss and line

    04

    Quote form — 13 fields including RAL code, gloss and line