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

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 ca…

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

``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 seeKit or distinctiveWhy it hurts
Gradient-filled hero and section headingsGeneric/defaultThe gradient is doing expressive work that should belong to the product’s proof or data visual language.
Small tracked kicker labels above multiple headingsGeneric/defaultRepeated eyebrow scaffolding adds decoration but not enough navigational information.
Rounded icon tiles stacked above “Secure by Design,” “Regulation-First Frameworks,” and “Interoperable & Scalable”Generic/defaultThe same icon-heading-copy formula is portable to almost any B2B SaaS page.
Purple gradients, rounded cards, and soft shadowsMixedThe palette is coherent, but the treatment feels more like a polished software template than a traceability system.
Long multi-claim display H1Generic/defaultOversized display type dominates the first viewport while the actual product distinction remains broad.
Case-study section with named customer scenariosDistinctiveThis 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.

ElementForegroundBackgroundSize / weightWCAGAAAAAAPCA
Body text / body background#1a1a1a#ffffff16px / 400UnresolvedUnresolvedUnresolvedUnresolved
Final CTA “Talk to Our Team”#ffffff#ffffff18px / unresolved1.0:1FailFailUnresolved
Final CTA heading#ffffff#ffffff48px / 7001.0:1FailFailUnresolved
Final CTA supporting copy#ffffffcc#ffffff20px / 4001.0:1FailFailUnresolved

Captured pages

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