Novatec Homepage redesign — concept round

Eight directions · four Plant Floor variations · one counterweight · one approved copy set

From resin pellet to part, told thirteen ways.

Every concept below runs the same argument and the same leadership-approved copy: resin is the biggest investment in the plant, and Novatec makes everything that carries it from the railcar to the press. They differ in what they argue with — light or the material. Compare the heroes first, then the nine-stage material path, then the Knowledge Center. Blueprint and Editorial were retired from the round; both are kept in _archive/ if anything in them is worth pulling forward. The last four are not directions at all — they are Plant Floor rebuilt with one axis pushed each time, so that row asks which treatment, not which direction. The thirteenth was built after the review note that the Plant Floor row reads too bold for a corporate audience, and deliberately argues the other way.

StructureClaim → proof → the parts
CopyRound 5, verbatim
AssetsReal Novatec photography
Every direction shipsThe same 18 anchors
Open decisionThe AI language

Kept from review

The three still standing.

01

Cinematic DarkArgues with scale and craft

The approved direction, resolved. Near-black ground, alternating cream, and the travelling starburst that ignites the words as it crosses them.

  • Signature — the sweep: light travels the headline and the material path, and each stage ignites as it passes.
  • Feels like a film title sequence for a factory.
  • Best for continuity — five rounds of stakeholder agreement already sit behind it.

Risk: dark sites can read as “tech company” rather than manufacturer if the photography goes abstract.

04

Plant FloorArgues with physicality and confidence

Charcoal and amber, hard edges, zero radius. Real people on a real floor at real scale. Built by people who make things out of steel.

  • Signature — hard state flips, a stage marquee, and stencil plate numbers tagged into every section.
  • Feels like the trade-show booth and the shop-floor placard.
  • Best for distributor reps, trade shows, and carrying straight into print.

Risk: loud enough to fatigue across a long page — needs quiet sections to breathe against.

H

The Pellet Is the ProductArgues that the resin is the valuable object

Every machine here is supporting equipment for keeping the material clean, dry, controlled and moving. It is the approved Why Novatec line — “We’re looking after your pellet” — built rather than stated.

  • Signature — a field of resin pellets behind the hero that resolves into the nine chambers of the material path, then changes behaviour through the product sequence.
  • Feels like — looking into the hopper instead of at the machine.
  • Best for — process engineers who think first about material quality, scrap and consistency.

Risk: one scientifically sloppy depiction of how pellets behave and experienced processors dismiss the whole page. Also proposed by Codex.

Round 7 · professional · serious · clean · futuristic

Five directions drawn from your own inspiration board.

Sixty-two reference images were mined for one design language, twelve directions were proposed across six angles, and each was judged on craft, audience credibility and buildability. These five survived. The board’s own verdict governs all of them: precision reads as future, energy reads as advertising — so there is no glow, no flare, no node-mesh, and the accent appears only where it means state.

v13

Fan-OutArgues with topology

The plant drawn in plan as hairline geometry: one trunk in from the rail spur, eight branches out to the presses, and every branch point in between is something Novatec makes.

  • Signature — a docked minimap that migrates a single lit node as you read, so you always know where you are in the system.
  • Feels like — the drawing an engineer would make on a whiteboard, rendered properly.
  • Best for — showing breadth as structure rather than claiming it in a sentence.

Risk: drift toward a P&ID and it becomes the already-rejected Blueprint direction.

v14

ConsoleArgues with professional interface

The page as serious application chrome — a meta rail, a visible mullion grid, a rotated section index down the left gutter, and a sticky Inspector that reports the section you are in.

  • Signature — the Inspector rail — permanent chrome carrying the stage-to-product mapping, never fake data.
  • Feels like — dense, calm, information-first software built by engineers.
  • Best for — the researcher who wants the whole system legible at once.

Risk: chrome that only repeats what is already on screen is a widget, not a concept.

v15

ElevationArgues with physical depth

One continuous building section through a plastics plant. You scroll downward through the plant's real height — silo deck, conveying run, dryer deck, grade — and the page darkens and densifies as you descend.

  • Signature — the datum and the altimeter: a fixed elevation scale with named decks and unlabelled graduations.
  • Feels like — a section drawing you can fall through.
  • Best for — making scroll depth mean something physical instead of arbitrary.

Risk: there are no approved floor heights, so it carries named decks and not a single invented number.

v16

ViewportArgues with inspection

A single 1px instrument frame, sticky for the length of the page, through which the entire product line passes — each machine staged solid, then as its own outline, then located in the plant.

  • Signature — the frame and its three honest modes: solid, outline, in plant — nothing claims to show the inside of a machine.
  • Feels like — equipment presented in conditioned space, with no floor and no horizon.
  • Best for — letting the hardware carry the page at real scale.

Risk: a sticky image beside scrolling copy is the most-copied pattern on the web — the chrome has to earn it.

v17

Solid StateArgues with custody of the material

One 1px orange rule travels the page as a custody datum: above it the resin has not yet been through that stage, below it, it has. The line is the present moment in the journey from railcar to press.

  • Signature — the travelling section plane, with a mono readout naming the stage it is crossing and what that stage does to the material.
  • Feels like — a measurement being taken while you read.
  • Best for — turning the nine-stage claim into something the page performs continuously.

Risk: the whole device depends on the readout staying truthful — it names process, never internals.

Round 8 · variations on 04 Plant Floor · one axis each

One approved direction, pushed four ways.

None of these four is a new direction. Each is v4 Plant Floor rebuilt with a single axis pushed until it changes the page — temperature, accent inversion, structure, typography — while the zero radius, the stencil plate numbers, the stage marquee and the stepped state flips carry through all four unchanged. So the job on this row is picking a treatment, not a direction: whichever one wins here, Plant Floor is still what ships.

v18

Night ShiftArgues with light rather than paint

The ground ramp is re-biased cold and the day build’s two ambers collapse into the brighter one, so amber stops reading as paint on steel and starts reading as emitted light — the plant after dark, lit only where something is running.

  • Signature — the amber ration: amber is spent only on what is running, so the material path igniting 02 to 08 is the one loud moment on the page, and every eyebrow, kicker, FAQ number and plate sub-label the day build painted amber is steel here.
  • Feels like — reading a plant by which machines have their lights on.
  • Best for — carrying the Plant Floor argument at a register that survives a long read — the three full-amber bands, the amber marquee and the amber Why panel are all gone.

Risk: the night is synthesised — every dark frame is a day photograph exposed down and cooled, so the only light source in the building is CSS and nothing in the photography ever catches a real highlight.

v19

High VisArgues with which tone is the ground

Nine high-vis fields alternate against nine dark, and at every tone change sits a hard 45-degree hazard band — one object that reads as amber chevrons on the charcoal side and charcoal chevrons on the amber.

  • Signature — the equipment tag as a solid plate at the head of each section — stage number reversed out, label, and a 5px rule running to the edge of the sheet — painted charcoal-on-amber or amber-on-charcoal by whatever ground it lands on.
  • Feels like — walking a marked route rather than reading down a page.
  • Best for — sectioning the page by ground alone, with no card, panel or tonal wedge left doing the work.

Risk: at this volume the three reserved dark rooms — hero, material path, contact — carry the whole page's relief, and losing any one of them turns the argument into noise.

v20

Weld SeamArgues that the page is one fabrication, not a stack

Two plates of unequal tone, butted along one welded joint that runs from under the nav into the footer. Each section declares only where that joint enters its top edge and leaves its bottom, so the line kinks at every boundary.

  • Signature — the walk: eighteen chained rake angles, each section handing the joint’s x position to the next, with every copy column, photo cut and punched numeral positioned off those two numbers instead of a grid.
  • Feels like — following one joint down the page — and at the material path it lies down, runs horizontal, and the nine stages hang off it on drop legs.
  • Best for — a page with no section dividers at all, where the plate change is the divider and nothing between the railcar and the press reads as a break.

Risk: below 1100px the joint stands up as a narrow strip on the left edge and loses the two things that proved it was structural — the tie bars are dropped and the punched numerals move off it into the gutter.

v21

StencilArgues with the numeral the layout hangs off

Every section is a cut plate laid on a bench — notched corners, punched holes, a mono header rail — and each one carries a two-digit index numeral set so large that the plate's copy has to hang off it.

  • Signature — the stencil alphabet drawn as broken segments — real bridges, not a font effect — enlarged until it holds a grid track of its own, with the product shot standing inside its counters.
  • Feels like — a number cut from a sheet, holding the column up.
  • Best for — making each product plate legible as a step on the path, because its stage number and its machine occupy the same object.

Risk: only Plates 01–09 are stages — past that the sub-stamps switch from “Stage” to “Plate” and the index is pagination wearing the same numeral.

Round 9 · restraint · built to the review note

The counterweight.

Every concept above argues by turning something up. This one argues by turning everything down, and it was built against a reference the client named — enerblock.net — whose design tokens were read out of its live CSS rather than eyeballed. What it borrows is not the look but the accent budget: a full field of colour appears exactly twice on the page, at the top and at the bottom, and never in between. Where the reference and the Novatec guardrails disagree, the guardrails win — body copy is 17px rather than 15px, and every label is letter-spaced sentence case rather than the reference’s all-caps.

v22

General ArrangementArgues with competence rather than volume

Warm off-white and near-black carry the whole page; headline weight drops from the family’s 900 to 600, and the corner radius comes off zero to 3px. Nothing glows, nothing flips, nothing shouts — the argument is made by drawing the thing accurately.

  • Signature — the general arrangement drawing: the nine-stage path as an orthographic schematic in amber linework on near-black, under a real engineering title block.
  • Feels like — a drawing set rather than a brochure.
  • Best for — the reader who finds Plant Floor loud: procurement, leadership, and anyone comparing suppliers on credibility rather than energy.

Risk: the restraint rests entirely on the drawing. Swap that linework for a photograph and the page has nothing left that the other twelve do not already do better.

Read this first

The notes explain why the structure changed.

The audit of the live homepage, the reasoning behind collapsing three “we handle everything” statements into one claim plus one proof graphic, the design-system recommendations, what to test, and the one open decision that blocks a final build — the AI language, which the guardrails ban and the positioning brief claims.