TEST POLYGON  ·  website.tests.beastald.com  ·  Round 9 (Einsatzfelder List+Collapse · 2026-09-11) on top of Round 8 Why-Cards + Round 7 polygon  ·  not production
Why Beastald

Built differently. So we can deliver differently.

  1. Prove it before you pay

    We test the system inside your real operation first. You pay only after the test phase — if it performs and you choose to keep it.

  2. Understand first. Build second.

    Before we build anything, we map the process, constraints, edge cases, and success criteria. We automate the real problem — not assumptions.

  3. Direct founder access

    Work directly with the person who decides and builds. No account managers, handoffs, or approval chains.

  4. More system for less budget

    Our agentic development model keeps overhead low and execution fast. You pay for the system — not layers of organization.

Where it fits

Where systems can carry the load.

Beastald works across situations where repetition, fragmented tools, or lost context slow a team down. The first conversation decides whether a system is worth building.

Illustrative workflows — not case studies.

  1. Document-to-system workflows

    Turn incoming documents into checked records and clear next actions.

    Trigger
    Documents arrive through an inbox, an upload, or a shared folder.
    Flow + system action
    Fields are extracted, normalized, and checked against defined rules. Approved data is written to the relevant ERP, CRM, database, or internal tool.
    Outcome
    Status is recorded, and the right team or customer can be notified.
    Exception
    Missing or uncertain values go to a person instead of being silently accepted.

  2. Inbox-to-action workflows

    Convert incoming messages into routed work, updated records, and prepared responses.

    Trigger
    A message and its attachments arrive.
    Flow + system action
    Intent, sender context, and attachments are classified. The right workflow runs, updates records, and prepares a response or internal notification.
    Outcome
    Routine work moves forward without manual forwarding.
    Exception
    Ambiguous, sensitive, or incomplete cases escalate with context attached.

  3. Connected operational workflows

    Coordinate recurring or event-driven work across connected systems.

    Trigger
    A recurring task, a status change, or an event starts the process.
    Flow + system action
    Services, APIs, agents, or internal tools run in sequence. Outputs are validated, state is updated, and downstream systems are synced.
    Outcome
    Teams can see where work is and what happened.
    Exception
    Failed checks stop the process and route ownership to a person.
Check whether your operation is a fit
Beastald · Redesign Round 7 · 2026-09-04

Visual test polygon — Round 7 direction (Founder Portrait + Copper-Dot-Gap-Fix)

Diese Domain dient als Test-Polygon für die Redesign-Iteration. Round 7 (Founder Portrait + Copper-Dot-Gap-Fix, 2026-09-04 ~17:30): (1) Echtes Founder-Portrait — der bisherige SVG-Platzhalter ("MR") in der Founder-Section ist durch Master Edis reales Porträt ersetzt. Ausgeliefert als <picture> mit WebP (800×800, 23,5 KB) und PNG-Fallback (560×560, 350 KB). Das Bild wird bereits beim Build auf exakt 1:1 zugeschnitten (top-aligned Crop aus dem 1145×1374-Original), zusätzlich abgesichert per object-fit: cover — dadurch ist eine Verzerrung des Gesichts geometrisch ausgeschlossen (Master Edis Kern-Constraint). Alt-Text und ARIA sind von "placeholder"-Wording auf eine beschreibende Fassung umgestellt. (2) Copper-Dot-Gap-Fix — die Dots der drei ursprünglichen trust-lines in #why-beastald wechseln von --color-copper (#C58A5C, 2,56:1 auf ivory = WCAG-FAIL) auf --color-teal-hover (#2F7A7D, 4,36:1 = PASS) und sind damit konsistent mit der in Round 6 bereits korrigierten Trust-Microcopy-Line. Round 6 (Top-3 Sales Quick-Wins: pain-first Hero-Subline, Near-Hero 3-Step-Process, Compact Trust Microcopy) bleibt unverändert live. Production-Subdomain (tests.beastald.com) zeigt diese Live-Direction — bitte die Side-by-Side-Composites im audit_round_7_portrait/comparison/ Ordner zum Vergleich nutzen.

Hero-Konzepte
Archived — pre-Round-3 POC

Concept A — Editorial Technical

Type-led hero ohne Diagramm. Mono-Console als visueller Anker unter dem CTA. Sauberste, am leichtesten zu pflegende Variante. Archiv-Referenz aus Round 1.

hero-a.html ansehen Archived — Round 3 Reference (Mix B+C)

Typographic + Founder Anchor

Hero mit 2-Spalten-Layout: typografische Copy links, 240px-Founder-Kreis (mit Quote + Attribution) rechts. Original-Palette (navy/ivory). Archiv-Referenz aus Round 3 — wurde in Round 4 zugunsten Pure Concept C aufgelöst.

hero-b.html ansehen Pure Concept C — Round 4 Live

Concept C — Photographic Anchor

Reines Type-Hero plus separate Founder-Section mit Foto + Zitat. Hängt am Realfoto von Master Edi (aktuell SVG-Placeholder). Repräsentiert den Round-4-Stand vor den Round-6 Quick-Wins (Top-3 Sales-Quickstart, Trust-Microcopy, Pain-First-Subline). Der Archiv-Stand bleibt verlinkt für Vergleich.

hero-c.html ansehen
Typo / Density
Variante A

Neue Type-Skala auf Capabilities

Eyebrow 14px, Small 14px, größere H1, dichter getaktete Cards (equal-height). Hebt das Floor-Type auf das F3-Niveau (≥14px Captions).

typo-density-a.html ansehen Variante B — gewählt

Spacing-Fix auf Applications

Mehr Padding, mehr Gap zwischen Use-Cases, alternierendes 2-Spalten-Layout entfernt. Stoppt die gefühlte Dichte ohne den Type-Scale zu ändern.

typo-density-b.html ansehen
Founder-Section-Refactor
Live — 3 Varianten

Founder-Contact · 3 Varianten

3 Designvarianten der Contact-Section mit Founder-Porträt — direkte Vergleichsansicht der Founder-Prominenz (A Subtil · B Founder-Card · C Editorial Founder-Signatur). Production-Spiegelung der Seite, ohne separate Founder-Section, ohne generisches Zitat.

Varianten ansehen
Sprachauswahl-Varianten · Header (2026-09-23 · lightning_025)
Variante 1 · Pill-Collapse

Two-letter Pill · DE · EN

Inline-Pill mit zwei Sprachbuchstaben in einer abgerundeten Kapsel — niedrigster Header-Footprint (~32 px breit). Active-Sprache füllt die Pill mit Navy.

langv-1.html ansehen Variante 2 · Vertikal

Vertical Stack · Deutsch/English

Beide Sprachen untereinander in einer kleinen Karte. Sprachen lesen sich vollständig (kein 'DE/EN'-Kürzel). Active: gefüllter Punkt links neben der aktiven Sprache.

langv-2.html ansehen Variante 3 · Globe-Dropdown

Globe-Icon + Dropdown · 🌐

Einzelner Globe-Icon-Button öffnet ein Dropdown mit beiden Sprachen. Active-Sprache trägt einen Haken (✓). Niedrigster collapsed Footprint.

langv-3.html ansehen Variante 4 · Segmented

Segmented Toggle · [DE][EN]

iOS-Stil Segment-Control mit zwei abgesetzten Segmenten. Active-Segment füllt sich mit Navy. Maximale Affordanz für Unentschiedene.

langv-4.html ansehen Variante 5 · Split-Button

Dropdown mit Caret · Deutsch ▼

Einzelner Button zeigt die active-Sprache in voller Schreibweise plus drehenden Caret. Klick öffnet Dropdown mit beiden Sprachen + Checkmark.

langv-5.html ansehen
← zurück zur Live-Test-Subdomain (Concept B + Live-Lifts)