# Give me comprehensive website feedback for https://emertech.io

[Open the live Fudge conversation](https://design.withfudge.com/share/3p6c6ijtya/give_me_comprehensive_website_feedback_for_https_emertech_io/)

Last updated: 2026-08-14

```fudge_website_review
{"schemaVersion":1,"reviewKind":"initial","state":"complete","target":{"submittedUrl":"https://emertech.io","finalUrl":"https://emertech.io/","canonicalOrigin":"https://emertech.io"},"score":5,"scoreTitle":"Soft hierarchy","explanation":"Emertech has a credible enterprise proposition, a clear purple identity, and strong proof-oriented sections. The homepage is overloaded: the hero asks visitors to parse too many claims, repeated card patterns flatten priority, and the final CTA contains a serious contrast failure. Mobile is usable but becomes a long, dense scroll.","categories":[{"id":"purpose_clarity","score":5,"summary":"The offer is credible but the hero combines traceability, compliance, sustainability, AI, blockchain, and carbon claims before naming one primary action.","findingIds":["finding-1","finding-2"]},{"id":"visual_hierarchy","score":5,"summary":"Large headings and purple accents create presence, but the 72px multi-claim H1 and repeated section treatments compete instead of sequencing the decision.","findingIds":["finding-1","finding-3"]},{"id":"readability_accessibility","score":4,"summary":"Raleway body text is generally readable, but gray secondary copy and the final white-on-white CTA treatment need correction; heading semantics also skip levels.","findingIds":["finding-4","finding-5"]},{"id":"consistency_polish","score":6,"summary":"The purple system, rounded controls, gradients, and card treatment feel coherent, but generic gradient text and repeated icon-tile patterns reduce distinctiveness.","findingIds":["finding-3","finding-4"]},{"id":"mobile_experience","score":5,"summary":"The responsive page remains intact and scrollable, but the long stacked sequence creates a heavy decision path and the truncated mobile capture indicates more content than the review frame retained.","findingIds":["finding-2","finding-5"]}],"strongest":{"title":"Proof-led positioning","summary":"The homepage does more than announce technology: it surfaces supply-chain traceability, digital product passports, compliance, sustainability, and named case studies. That proof-oriented structure is the right foundation for an enterprise visitor.","evidenceIds":["target-desktop","target-mobile","case-studies-page"]},"findings":[{"id":"finding-1","number":1,"priority":"high","title":"Replace the overloaded hero with one buyer promise","preview":"The 72px H1 stacks “Traceable,” “Compliant,” and “Verifiable” inside a long multi-claim sentence, followed by broad platform language and two competing actions.","detailAccess":"included","evidenceMappingIds":["map-bad6ba17da18997182ed567d9c26508a"],"referencePinIds":["2777","2380"]},{"id":"finding-2","number":2,"priority":"high","title":"Turn the homepage into a decision path, not a capability catalogue","preview":"The page moves through platform claims, four deliverable cards, three enterprise reasons, four case studies, and a final CTA with similar visual weight.","detailAccess":"included","evidenceMappingIds":[],"referencePinIds":["7015","2380"]},{"id":"finding-3","number":3,"priority":"medium","title":"Remove the generic SaaS costume from the strongest claims","preview":"Gradient-filled headings, tracked kicker labels, rounded icon tiles, and repeated card structures make an enterprise traceability product look interchangeable with a polished AI landing page.","detailAccess":"included","evidenceMappingIds":[],"referencePinIds":["2777","7015"]},{"id":"finding-4","number":4,"priority":"high","title":"Repair the CTA contrast and secondary-text system","preview":"The detector finds white text on a white background in the final “Talk to Our Team” CTA, headline, and supporting paragraph; gray secondary copy also carries a lot of explanatory load.","detailAccess":"included","evidenceMappingIds":[],"referencePinIds":[]},{"id":"finding-5","number":5,"priority":"medium","title":"Tighten responsive rhythm and semantic hierarchy","preview":"Desktop uses a 1280px content frame with very long line measures, while mobile becomes a dense vertical sequence; the page also jumps from h1 to h3 and h2 to h4 in places.","detailAccess":"included","evidenceMappingIds":[],"referencePinIds":[]}],"foundation":{"decision":"page_changes_first","title":"Fix the page hierarchy before making a system","explanation":"The visual language is coherent enough to preserve. The biggest gains come from a bounded homepage rewrite: simplify the hero, rank the proof, correct the final CTA surface, and reduce repeated treatments before formalizing tokens.","findingIds":["finding-1","finding-2","finding-4"],"affectedAreas":["typography","color","spacing_layout","components","responsive_behavior","accessibility_interaction"]}}
```

```fudge_review_map
{"schemaVersion":1,"frames":[{"frameId":"target-desktop","inspectionId":"8235cf6e-9ad5-4284-b50a-0f1ec63f2ce1","pageUrl":"https://emertech.io/","pageTitle":"emertech.io","viewport":"desktop","screenshotUrl":"https://api.withfudge.com/v1/shares/d8388a26-6c4f-4a48-809d-b21a9fded903/attachments/be9a8a157705ff83652d2bbb/1.jpg","screenshotWidth":1440,"screenshotHeight":5086,"completeness":"complete","markers":[{"findingId":"finding-1","findingNumber":1,"findingTitle":"Replace the overloaded hero with one buyer promise","mappingId":"map-bad6ba17da18997182ed567d9c26508a","region":{"x":3257,"y":43,"width":445,"height":72,"scale":10000}}]},{"frameId":"target-mobile","inspectionId":"4c37fea5-4654-4989-a40b-1313483bb005","pageUrl":"https://emertech.io/","pageTitle":"emertech.io","viewport":"mobile","screenshotUrl":"https://api.withfudge.com/v1/shares/d8388a26-6c4f-4a48-809d-b21a9fded903/attachments/be9a8a157705ff83652d2bbb/2.jpg","screenshotWidth":390,"screenshotHeight":6000,"completeness":"truncated","markers":[]},{"frameId":"case-studies-page","inspectionId":"756ede7b-5e73-455d-a21a-ce576ddd198c","pageUrl":"https://emertech.io/resources/case-studies","pageTitle":"emertech.io","viewport":"desktop","screenshotUrl":"https://api.withfudge.com/v1/shares/d8388a26-6c4f-4a48-809d-b21a9fded903/attachments/be9a8a157705ff83652d2bbb/3.jpg","screenshotWidth":1440,"screenshotHeight":2300,"completeness":"indeterminate","markers":[]}]}
```

```fudge_finding_evidence
{"schemaVersion":1,"findingId":"finding-1","findingNumber":1,"crops":[{"mappingId":"map-bad6ba17da18997182ed567d9c26508a","screenshotUrl":"https://api.withfudge.com/v1/shares/d8388a26-6c4f-4a48-809d-b21a9fded903/attachments/be9a8a157705ff83652d2bbb/1.jpg","sourceWidth":1440,"sourceHeight":5086,"crop":{"x":2924,"y":0,"width":1111,"height":209,"scale":10000},"alt":"Emertech homepage hero region","caption":"The first viewport uses a large multi-claim heading and competing hero actions."}]}
```

Score context: 5/10. This is a complete homepage review based on full-page desktop and mobile inspection plus the case-studies page. The desktop capture is complete; the mobile capture is truncated after 6000px of an observed 7080px, so lower mobile sections are not treated as fully reviewed.

What works:
- The proposition is enterprise-relevant: traceability, export compliance, sustainability claims, digital product passports, and named case studies all appear on the homepage.
- The purple identity is consistent across links, CTA treatments, gradients, and supporting graphic details. The live page renders Trebuchet MS for headings and Raleway for body copy.
- The “Real Impact, Proven Results” section and dedicated case-studies page give the site a stronger proof backbone than a purely capability-led landing page.

Prioritized what-to-fix:

1. Replace the overloaded hero
   - What you see: A 72px H1 combines “Make Every Product,” “Traceable,” “Compliant,” and “Verifiable,” followed by broad platform language and two actions.
   - Why it hurts: Enterprise visitors cannot quickly tell which business problem Emertech solves first.
   - Change: Choose one buyer outcome, shorten the H1, make “Book a Demo” the only primary action, and surface one proof cue immediately.
   - Helpful reference: MongoDB’s stronger pattern is to make the product category and value legible before expanding into capability detail.

2. Create a clear proof sequence
   - What you see: The homepage gives similar visual weight to platform capabilities, four deliverables, enterprise reasons, four case studies, and the final CTA.
   - Why it hurts: The page reads like a complete catalogue rather than a guided enterprise decision.
   - Change: Sequence the page as outcome → how it works → proof → relevant solution paths → consultation. Reduce or collapse repeated cards.
   - Helpful reference: SAP demonstrates how a broad enterprise offer can be organized around clear solution families and proof rather than one undifferentiated stream.

3. Remove generic visual treatment from the core message
   - What you see: Gradient-filled headings, tracked kicker labels, rounded icon tiles, and repeated card structures appear throughout the main sections.
   - Why it hurts: These are familiar landing-page devices; they weaken the specificity of a product whose subject is physical supply-chain verification.
   - Change: Use solid typography for key claims, replace some icon tiles with real process artifacts—passport fields, verification events, chain-of-custody steps, or certification details—and reserve accent treatments for actual status or proof.
   - Helpful reference: Better Stack is a useful comparison for prioritizing product evidence and operational clarity over decorative treatment.

4. Repair the final CTA surface
   - What you see: The detector identifies white text on white for “Talk to Our Team,” the final CTA headline, and its supporting copy.
   - Why it hurts: The most important closing action visually disappears.
   - Change: Put the closing block on a dark purple or near-black surface with white text, or use a light surface with dark text and a clearly filled button. Recheck the exact foreground/background pairs after the change.

5. Tighten mobile and semantic rhythm
   - What you see: Mobile becomes a very long stacked scroll, while the page includes heading jumps from h1 to h3 and h2 to h4. Desktop also permits very long content measures.
   - Why it hurts: Long sections and inconsistent heading structure make scanning harder, especially when the visitor is comparing several solution areas.
   - Change: Use a tighter mobile section rhythm, shorten card copy, keep headings in a proper order, and constrain reading text to a narrower measure.

### Vibe-coded appearance check
Craft: mixed
Originality: generic kit

| What you see | Kit or distinctive | Why it hurts |
|---|---|---|
| Gradient-filled hero and section headings | Generic/default | The gradient is doing expressive work that should belong to the product’s proof or data visual language. |
| Small tracked kicker labels above multiple headings | Generic/default | Repeated eyebrow scaffolding adds decoration but not enough navigational information. |
| Rounded icon tiles stacked above “Secure by Design,” “Regulation-First Frameworks,” and “Interoperable & Scalable” | Generic/default | The same icon-heading-copy formula is portable to almost any B2B SaaS page. |
| Purple gradients, rounded cards, and soft shadows | Mixed | The palette is coherent, but the treatment feels more like a polished software template than a traceability system. |
| Long multi-claim display H1 | Generic/default | Oversized display type dominates the first viewport while the actual product distinction remains broad. |
| Case-study section with named customer scenarios | Distinctive | This is the strongest product-specific material; it should be promoted earlier and made more concrete. |

Target palette from current rendered page details:
## Colors

- `#ffffff`
- `#1a1a1a`
- `#69428f`
- `#8d3f8d`
- `#dda1cb`
- `#3f7b93`
- `#5c8242`

Contrast check: the requested retained body pair was not resolvable from the available contrast observations. The design detector did, however, identify these exact final-CTA failures: white text on white background at 1.0:1 for “Talk to Our Team,” the closing H2, and the supporting paragraph. Those rows should be rechecked after the CTA surface is changed.

| Element | Foreground | Background | Size / weight | WCAG | AA | AAA | APCA |
|---|---|---|---|---|---|---|---|
| Body text / body background | #1a1a1a | #ffffff | 16px / 400 | Unresolved | Unresolved | Unresolved | Unresolved |
| Final CTA “Talk to Our Team” | #ffffff | #ffffff | 18px / unresolved | 1.0:1 | Fail | Fail | Unresolved |
| Final CTA heading | #ffffff | #ffffff | 48px / 700 | 1.0:1 | Fail | Fail | Unresolved |
| Final CTA supporting copy | #ffffffcc | #ffffff | 20px / 400 | 1.0:1 | Fail | Fail | Unresolved |

## Captured pages

[![MongoDB: The World’s Leading Modern Database | MongoDB](https://pin.fontofweb.com/2777?format=jpg)](https://design.withfudge.com/share/pin-2777)

[MongoDB: The World’s Leading Modern Database | MongoDB](https://design.withfudge.com/share/pin-2777)

[![SAP Software Solutions | Business Applications and Technology](https://pin.fontofweb.com/2380?format=jpg)](https://design.withfudge.com/share/pin-2380)

[SAP Software Solutions | Business Applications and Technology](https://design.withfudge.com/share/pin-2380)

[![Enterprise | Better Stack](https://pin.fontofweb.com/7015?format=jpg)](https://design.withfudge.com/share/pin-7015)

[Enterprise | Better Stack](https://design.withfudge.com/share/pin-7015)

Typography currently rendered on the homepage:
- Trebuchet MS for display headings, including the 72px hero H1 and 48px section headings.
- Raleway for body copy, navigation, links, buttons, and supporting text.

## First change

Rewrite the first viewport around one specific enterprise outcome: lead with “Make every product passport-ready” (or the strongest verified customer outcome), add one sentence explaining how Emertech delivers it, keep “Book a demo” as the sole primary CTA, and move “Explore solutions” to a quiet secondary link. Remove the three gradient words from the H1 and use a shorter, two-line headline.

## Implementation prompt

```text
Update only the Emertech homepage first viewport and its immediate responsive behavior. Goal: make the page immediately legible to an enterprise visitor evaluating traceability, compliance, and digital product passport capability.

Evidence to use:
- Current desktop and mobile homepage inspections show a 72px multi-claim H1, two competing hero actions, repeated gradient headings, and a long stacked page.
- The current rendered type uses Trebuchet MS for headings and Raleway for body text.
- Preserve the existing purple identity, logo, navigation, and credible enterprise tone.
- The final CTA currently has a white-on-white treatment; do not carry that bug forward.

Make these changes:
1. Replace the current H1 with one concrete buyer outcome, maximum 8–10 words, set as a short two-line display heading.
2. Add a concise supporting paragraph that names the mechanism: traceability, compliance, or digital product passports—not every capability at once.
3. Keep “Book a Demo” as the filled primary CTA. Make “Explore Solutions” a text or outlined secondary action.
4. Remove gradient text from the hero and use a solid, high-contrast heading color. Keep gradients for a restrained decorative surface only if they do not compete with text.
5. Add a visible proof cue below the CTA: one named case-study result, certification, or customer proof point, linked to the case-studies page.
6. On mobile, keep the headline readable without aggressive wrapping, stack the actions with a clear 12–16px gap, and place the proof cue before the next section.
7. Fix the final CTA background so all text and buttons have a deterministic, high-contrast pairing.

Preserve:
- Existing purple palette and brand mark.
- Existing destination URLs.
- The content sections below the hero, but do not redesign them in this pass.

Desktop checks:
- The hero promise is understood without scrolling.
- One CTA is visually primary.
- Heading occupies no more than two lines at 1440px.
- The proof cue is visible in the first viewport.

Mobile checks:
- No horizontal overflow.
- Headline remains two to four balanced lines at 390px.
- CTA labels remain fully visible and comfortably tappable.
- Final CTA text is not white on white.
```