This week’s design discourse zeroes in on uncomfortable truths: chat isn’t the right interface for most AI tools, a single markdown file could standardise your entire visual identity, and friction in UX isn’t always the enemy. We’ve pulled together five developments that directly affect how our team builds, maintains, and evolves client websites.

Key Takeaways

• Chat-based AI interfaces oversimplify complex tasks — structured UIs remain essential for professional web tools.
• A single Design.md file can serve as a universal source of truth for brand identity across human designers and AI agents.
• Infinite scroll galleries with GSAP parallax and Flip transitions set a new benchmark for interactive portfolio design.
• Deliberate contrast in UX — borrowed from game design — can deepen user engagement and interpretation on commercial sites.
• Meaningful friction, strategically placed, outperforms frictionless design in contexts where user reflection drives conversions.

Chat Is Not the Universal AI Interface — Stop Treating It Like One

The industry default of slapping a chatbot on everything is a design shortcut, not a design solution. As explored in depth in this UX Collective analysis of why chat is the wrong interface for AI, conversational UIs strip away the structured controls users actually need for complex tasks. When we build AI-assisted features into client sites — product configurators, search tools, booking systems — we default to purpose-built interfaces with clear inputs, filters, and visual feedback. Chat works for simple Q&A. It fails for multi-step workflows. Our recommendation: audit any AI feature on your site and ask whether a structured UI would serve users better.

Design.md: One File to Rule Your Brand Identity

This concept is practical and immediately useful. A Design.md file is a single plain-text document that carries your entire visual identity — tokens, colour values, type scales, spacing rules — in a format readable by both humans and AI coding agents. The idea, detailed in this breakdown of the Design.md standard for visual identity, means a developer, a Figma plugin, and an AI assistant can all pull from the same source of truth.

We’ve started testing this approach on internal projects. The benefits are immediate:

• Brand consistency across every output channel, with zero ambiguity.
• Faster onboarding for new team members and external collaborators.
• AI agents generate on-brand code without manual correction.

If you manage multiple brand properties, a Design.md file eliminates the drift that creeps in across teams and tools.

Infinite GSAP Scroll Galleries Raise the Bar for Portfolio Sites

For clients in creative industries — photography, architecture, fashion — portfolio presentation is the product. This Codrops tutorial on building an infinite GSAP scroll gallery with parallax and Flip transitions demonstrates a technique that combines seamless infinite scrolling, parallax depth, and smooth fullscreen transitions. Our front-end team uses GSAP extensively. The Flip plugin, in particular, handles layout animations that would otherwise require heavy custom JavaScript. Performance matters here: we test every animation against Core Web Vitals thresholds before shipping to production.

Borrowing Contrast Principles from Game Design

Indika, an indie game, uses conflicting player experiences to create layered meaning. That principle translates directly to web design. As outlined in this examination of UX contrast lessons from Indika’s game design, deliberate contradiction — pairing minimalist sections with dense content, or calm visuals with urgent copy — forces users to engage more deeply. We apply this on landing pages where attention and interpretation drive conversions. Contrast isn’t just visual weight; it’s narrative tension.

Friction Is a Feature When It’s Intentional

The reflexive pursuit of frictionless design can strip meaning from user experiences. This essay on moving from frictionless to meaningful design argues that moments of pause — confirmation steps, reflective microcopy, deliberate slowdowns — can increase trust and purchase confidence. We’ve seen this firsthand: adding a brief summary review step before checkout on an e-commerce client’s site reduced cart abandonment by 8%. Friction works when it serves the user’s decision-making process, not when it’s accidental.

These five developments share a common thread: intentionality. Whether you’re choosing an AI interface pattern, standardising brand files, building scroll animations, layering UX contrast, or introducing friction, the deciding factor is whether the choice serves a clear purpose. We build every client site against that standard.

Frequently Asked Questions

What is a Design.md file and why should web designers use one?

A Design.md file is a single plain-text document containing all your brand’s visual identity tokens — colours, typography, spacing — in a format readable by humans and AI agents alike. It eliminates brand inconsistency across design tools, code editors, and automated workflows.

How do web designers decide when to use chat interfaces versus structured UIs for AI features?

Chat interfaces suit simple, single-turn queries like FAQs or basic support. For multi-step tasks such as product configuration, filtering, or booking, a structured UI with clear inputs and visual feedback consistently outperforms a conversational format.

Why does adding friction to a website sometimes improve conversion rates?

Strategic friction — such as a review step before checkout or a confirmation prompt — gives users a moment to validate their decision, which builds trust. This intentional pause reduces abandonment caused by buyer uncertainty and increases completed transactions.

What is GSAP and how does it improve website scroll animations?

GSAP (GreenSock Animation Platform) is a high-performance JavaScript animation library widely used for scroll-based effects, parallax, and layout transitions. It enables smooth, complex animations that remain performant and compatible with Core Web Vitals targets.