CASE STUDY · WEBSITE AND PRINT© 2026

Institutional memory for credit committees, designed and built in code.

alfa+
OVERVIEW

Creditspective is a credit intelligence platform founded by former bank credit officers. We designed and built its four-page website in code, drew the identity for its product alfa+, and rebuilt its whitepapers on one print template. Every review happened on the running site, never on a mockup.

WHAT WE DID
  • INFORMATION ARCHITECTURE
  • RENDERED SCENE ANIMATION
  • WEBSITE DESIGN
  • ALFA+ LOGO AND BRAND
  • WEBSITE DEVELOPMENT
  • WHITEPAPER TEMPLATE
  • DIAGRAMS IN HTML AND SVG
  • PRINT LIBRARY
  • CANVAS MOTION
  • MOBILE LAYOUTS
©2026
DESIGN AND DEVELOPMENTSKEUMORPHENE
CONTENTNo Middle
CREDITSPECTIVE LOGO AND BRANDINGYan Dir
ALFA+ LOGO AND BRANDINGSKEUMORPHENE
01 · AT A GLANCE

Nineteen days, four pages, one system

The site, the product identity and the print library, built together so a change in one never meant a redo in another.

Timeline
19 daysFrom first commit to launch
Pages
4One stylesheet
Creditspective home page hero
alfa+
Agentic AI section on a blue ground
Home page on a phone
The alfa+ formula
Whitepaper cover, Institutional memory made visible
alfa+ page hero with the rendered car
Inter Tight · headlinesAa
Solutions page on a phone
The mantle diagram
Stock photos
0Every image made for the site
Leadership grid on a blue ground
Solutions page headline
Whitepaper cover, Built to evolve
Whitepapers
3 + 1Three papers and a one-page overview
02 · THE SITE, RUNNING

This is the real home page

Not a picture of it. Pick an audience and the headline and the scene beneath it change. Links open creditspective.com.

creditspective.comOpen live ↗

Each scene is a short rendered animation of that audience at work, keyed onto a white floor so it sits on the page without a box around it.

03 · FOUR PAGES

Home, alfa+, solutions, about

One argument across the site: the institution already holds the judgment it needs, and the platform puts it in front of every decision.

Home · the first screen
alfa+ · the product, shown as the product
Solutions · three markets
Home · the memory cycle
About · the humans behind the judgment
alfa+ · the method
Solutions · who owns the credit decision
Home · agents at work
About · advisory perspective
About · the print library
Home · above the systems the bank already runs
alfa+ · the formula
04 · TRY IT

The diagrams are code

Nothing here is an exported image, so a copy change never meant redrawing a picture. Click through the stages.

creditspective.com · the memory cycleOpen live ↗
05 · ALFA+ IDENTITY

A product inside a company

alfa+ is the engine inside Creditspective, and it needed a mark of its own. We set it in a pixel face so the software reads apart from the company, which stays in a grotesque. Alpha is the goal, alfa+ is the engine.

alfa+ CONSTRUCTION GEIST PIXEL
+
Creditspective/alfa+
Creditspective/alfa+
alfa+On navy, the mark goes white
06 · MOTION

Scenes and lines

Each audience has a short rendered scene keyed onto white, so it sits on the page with no frame. The line field under the solutions headline is a canvas animation that follows the cursor and rests when it scrolls out of view.

alfa+ · the car
Commercial banks
Private credit
Credit committees
Institutional monitoring
creditspective.com/solutions · move the cursor over the linesOpen live ↗
07 · ON A PHONE

The same pages, one hand

Every section reflows for a phone. Nothing is hidden on small screens, it is reordered.

Home, first screen
Home, agentic AI
alfa+, hero
alfa+, the method
Solutions, hero
Solutions, markets
Solutions, people
About, hero
About, advisory
Home, further down
08 · PRINT LIBRARY

Whitepapers on the web's system

Three whitepapers and a one-page overview, rebuilt from HTML on one template with the site's typefaces, blue and diagrams. Together they went from 33 MB of exported PDFs to about 3 MB, and a wording fix now takes minutes.

Institutional memory made visible, cover Built to evolve, cover Beyond the chat window, cover One-page overview
Inner page Inner page Inner page Inner page Inner page

Institutional memory
for credit committees,
built in code.

09 · HOW IT WAS MADE

No mockups, only links

The first commit was a working site, and every review after that happened at a link, on the client's own screen. Changes went live the same day they were agreed, sometimes within the hour, because the site is static files deployed from GitHub to Netlify.

The diagrams and product fragments are code, so copy from No Middle was set straight into the pages as it arrived. The whitepapers work the same way: each one is an HTML document rendered to PDF by a script.

19days from first commit to launch
4pages, one stylesheet, no framework
3 + 1whitepapers and a one-page overview
0stock photographs
Message on LinkedIn