Amazon Filters website analysis
A detailed critique of the homepage's craft, originality, usability, and ability to move visitors toward its intended goal.
Our observations
Strong technical marketing foundation with a coherent industrial visual language, but accessibility defects and information density keep it from exceptional gallery quality.
Best practices
The homepage has one clear H1, visible navigation routes, a semantic footer, and multiple ways into products and solutions. Automated evidence identifies important implementation debt, including 39 duplicate-ID findings, two unnamed logo links, three heading-level skips, no detected main landmark, and 10 contrast failures.
What works
- The hero communicates the category and intended audience immediately.
- Navigation and page content provide multiple paths for product, application, industry, case-study, and support exploration.
- The page includes trust signals such as certifications and measurable-results content.
Opportunities
- Resolve all serious contrast failures, especially text placed over imagery and dark CTA regions.
- Give both logo links accessible names and correct the missing main landmark.
- Remove duplicate IDs and repair heading hierarchy so card titles do not skip levels.
- Test focus states, tab controls, carousel controls, and search behavior with keyboard navigation.
Design
The visual system is coherent and credible for industrial filtration: documentary imagery, pale-blue fields, charcoal sections, blue actions, and repeated card patterns create a recognizable technical tone. The long page is well structured but occasionally crowded.
What works
- Strong contrast between image-led sections and calm information surfaces creates useful pacing.
- The product finder and benefit cards turn a complex industrial offer into approachable entry points.
- Blue rules, icons, and restrained yellow accents provide consistent visual cues.
Opportunities
- Reduce competing card groups or introduce clearer section-level prioritization.
- Increase text size and overlay protection in the hero, dark product section, and final CTA.
- Use more consistent emphasis between primary conversion actions and secondary browsing links.
Uniqueness
The page has a convincing sector-specific character and uses filtration equipment, process imagery, and application language rather than generic corporate visuals. Its underlying patterns remain familiar to contemporary B2B manufacturing sites.
What works
- Industrial and laboratory imagery supports the product promise rather than serving as generic decoration.
- The filter-finding pathway and process-stage framing make the information architecture relevant to the category.
- The combination of product, application, and industry routes gives the page a useful domain-specific identity.
Opportunities
- Develop a more distinctive visual device for explaining filtration stages or system fit.
- Replace some generic card treatments with diagrams, annotated equipment views, or clearer technical proof points.
- Make the brand’s expertise more memorable through a stronger editorial point of view in the opening narrative.
User experience
The page offers strong breadth and several useful discovery routes, but the amount of content and the repeated card grids increase scanning effort. Small text and contrast problems are especially consequential for a technical audience comparing products and specifications.
What works
- Visitors can enter by product type, industry, process stage, or support need.
- The page progressively moves from benefits to products, applications, results, and credentials.
- The screenshot shows clear section separation and predictable card-based interaction patterns.
Opportunities
- Add stronger wayfinding or a persistent page-level orientation for the long homepage.
- Make active tab states, carousel position, and next steps more explicit than color alone.
- Prioritize the most common user task above secondary promotional modules.
- Validate mobile layouts, especially product cards, tab controls, carousels, and the multi-column footer.
Conversion optimization
For a B2B technical marketing homepage, conversion coverage is good: there are prominent contact or quote-oriented actions, product discovery, industry routes, case studies, and a final support CTA. Conversion clarity is diluted by multiple equal-weight pathways and dense supporting content.
What works
- The hero includes an immediate action while preserving a clear category statement.
- The three CTA tiles address distinct needs such as retrofit, industry-specific solutions, and custom equipment.
- The final support section offers a practical next step for visitors who need help selecting a solution.
- Case studies and certifications provide useful credibility before the closing CTA.
Opportunities
- Choose one primary hero action and make the alternative clearly secondary.
- Repeat a concise contact or specification-request action after the product-finder and results sections.
- Add compact proof details—such as response expectations, technical documentation, or qualification steps—near high-intent CTAs.
- Ensure CTA text remains readable against imagery and meets contrast requirements.
What we'd improve
- 01high
Repair the accessibility foundation
Fix the 10 reported contrast failures, add accessible names to both logo links, remove duplicate IDs, add or restore the main landmark, and repair skipped heading levels. Re-run automated checks, then manually test keyboard focus, tabs, menus, search, and carousels.
- 02high
Reduce visual density around high-intent tasks
Reorder or simplify the homepage so filter discovery and technical support receive the strongest emphasis. Group secondary proof and promotional modules behind clearer section headings or progressive disclosure.
- 03high
Improve text legibility over imagery
Strengthen image overlays or move key copy onto solid panels in the hero, product finder, case-study area, and closing CTA. Verify contrast at desktop and mobile breakpoints rather than relying on the current photographic backgrounds.
- 04medium
Clarify interactive state and orientation
Provide explicit active, hover, focus, and selected states for tabs, carousel controls, and navigation menus. Pair color changes with borders, labels, or other non-color cues.
- 05medium
Strengthen the primary conversion path
Define the principal action for qualified buyers, repeat it after product and case-study content, and label secondary actions according to intent such as browse, compare, download, or contact engineering.
- 06low
Add a more distinctive technical storytelling layer
Use an original system diagram, annotated filtration workflow, or concise process visualization to make the engineering proposition memorable without adding another dense card grid.
