newsfilter.io
Tutorial, Product Demonstration

Stripe Head of Design Katie Dill Reviews Startup Websites

  • General Design Principles Identified

    • Users prioritize immediate clarity of value proposition, target audience, and next actions over extended storytelling or animations.
    • "Hijacking" the scroll (forcing excessive vertical movement) risks user abandonment due to time constraints.
    • Design elements should pass a "value test": if a pixel, animation, or effect does not communicate a specific value, it should be removed to reduce noise.
    • Consistency in grammatical details, capitalization, and casing is critical for building brand trust; inconsistencies create friction.
    • Mobile responsiveness and cross-device condensation are non-negotiable, as users often access sites in on-the-go environments.
    • Hierarchy of information must accommodate scanning behaviors; headlines alone should convey the core message.
    • Call-to-Action (CTA) placement must be consistent, clear, and never hard to find during the user journey.
  • Site Feedback: METO (Mito Health)

    • User Perception: Initial impression conveyed a somber, future-focused vibe rather than an uplifting one; branding was unclear.
    • UX Issues: Excessive scrolling was required to reach core content; the video-heavy hero section lacked immediate intuitive cues for interaction.
    • Value Proposition: Starting with descriptive text (e.g., "blood work and personalized insights") was rated as a superior alternative to abstract visuals.
    • Visual Hierarchy: Headlines successfully communicated the "how it works" steps, but the specific action verb "Schedule test" was ambiguous compared to "take the test."
    • Targeting Details: The use of a 21-year-old model created a disconnect with the likely older customer demographic for health testing.
    • Founder Question: How to balance storytelling visuals with conversion optimization.
    • Recommendation: Begin the page with concrete descriptions of the product and target audience before introducing narrative animations.
    • Minor Details: A "funky drop shadow" under the "Measure" slider was identified as an unintentional design flaw.
  • Site Feedback: Cygnaz (Open Telemetry Tool)

    • Strengths: Strong upfront descriptive text; immediate product shot demonstrated the "one-stop" nature of the tool; video thumbnail provided value without requiring a click; trust badges (logos) were recognizable.
    • UX Issues: Overuse of varying type sizes created visual clutter; core feature descriptions were too small to read easily; the page felt overwhelming with data from 50+ sources.
    • Design Conflict: Screenshots of code and logs competed with explanatory copy, making the text difficult to digest.
    • Copy Issue: The phrase "Build for developers, crafted by humans" was flagged as potentially alienating, implying developers are not human.
    • Founder Question: How to improve click-through rates for the "Try Cygnaz Cloud" button.
    • Recommendation: Conduct user testing where subjects verbalize reactions to identify confusing copy or value propositions.
    • Strategy: Audit the full user journey, including the ad or link that drove the user to the page, to ensure messaging consistency before they hit the CTA.
  • Site Feedback: Taiv (Live TV Enhancement)

    • Value Prop: The sub-headline ("enhance live TV in restaurants to increase revenue") effectively clarified the target audience (restaurant owners), though the main headline ("give your TV superpowers") was not user-centric.
    • UX Issues: Moving backgrounds and glowing buttons added visual noise without functional value; directional arrows (up/down) on buttons were confusing as the action was a single downward scroll.
    • Brand Identity: The logo (a TV cut in half) was perceived as aggressive ("ripping," "slashing"), conflicting with the positive revenue-sustaining brand message.
    • Consistency: Inconsistent capitalization (e.g., "superpowers" vs. "Get started") was noted as a trust-eroding error.
    • Recommendation: Test headlines against user language rather than internal marketing concepts; iterate on logo design to ensure visual weight is balanced and aligned with brand intent.
  • Site Feedback: Metroport (Healthcare Data API)

    • Visual Trends: Use of amorphous blob animations was noted as common but must align with brand energy; current animations did not convey technical prowess.
    • Layout Issues: Graphics were cut off at frame edges, creating a sense of unfinished design; diagonal arrows were identified as a trendy but potentially distracting element.
    • CTA Hierarchy: Multiple "View docs" and "Learn more" buttons overshadowed the primary "Book Demo" CTA, confusing the hierarchy of importance.
    • Founder Question: Is the value proposition clear enough?
    • Assessment: The value proposition was successfully communicated immediately, though the page became "busy" with too many interactive cards and secondary links.
    • Recommendation: Reduce secondary CTAs to prevent visual overpowering; ensure video thumbnails offer new value distinct from the static screenshot.
  • Site Feedback: Amino Analytica (Protein Design)

    • Brand Strategy Debate: Founders questioned if a B2C-style "fun, flashy" aesthetic works for a B2B engineering firm.
    • Verdict: Yes, fun and colorful designs are acceptable in B2B to appeal to humans, provided they do not erode usability.
    • Usability Failures: Excessive motion and multiple typefaces made the logo difficult to read; the headline hierarchy ("Adaptation" larger than "Accelerated") was confusing.
    • Skimmability Risk: Scanning bolded text revealed negative concepts ("trial and error," "random mutations") rather than the product's value.
    • Missing Elements: The page lacked a clear CTA; key trust-building insights (e.g., company background, credibility) were hidden behind a button rather than being scrollable.
    • Recommendation: Bring critical trust signals and value propositions into the initial view; maintain the energetic aesthetic but prioritize readability and clear communication over creative flair.