The UX vs UI difference is one of the most persistent sources of confusion in the design industry - and the confusion has real consequences. A business that hires for "UX/UI" without understanding what each discipline actually covers ends up with one of two failure modes: a beautiful interface that users find difficult to navigate (good UI, weak UX), or a well-researched, perfectly logical flow that looks generic and fails to differentiate the brand (good UX, weak UI).

At Through The Glass Creatives, this distinction shapes every web and product engagement. Mherie leads the UX layer - research, conversion architecture, information hierarchy - and Ravve leads the UI layer - visual design, component systems, motion. The disciplines inform each other but they are not the same job. For context on how these layers interact in a web build, see what-is-a-design-system and landing-page-vs-website.

What UX Design Actually Covers

User experience (UX) design is the discipline of understanding how people think, what they need, and how they behave - then designing a product or website that serves those needs efficiently and clearly. UX work includes user research (interviews, surveys, behavioral analysis), information architecture (how content is organized and navigated), user flow mapping (the path from entry to conversion), wireframing (low-fidelity layout planning before visual design begins), and usability testing (validating that the design actually works for real users).

UX design is not primarily visual. A UX designer working on a flow that has a navigation problem does not reach for a color palette - they reach for a user journey map and ask where people are getting confused and why.

What UI Design Actually Covers

User interface (UI) design is the visual and interactive layer that users see and touch. It covers typography, color systems, iconography, component design (buttons, forms, cards, modals), spacing and grid systems, responsive behavior, and motion design. A UI designer is asking: given a structural decision the UX work has already made, how do we make it look right, feel right, and communicate the brand effectively? UI design is primarily visual, though it operates within structural constraints the UX layer establishes.

How UX and UI Work Together

In a well-run project, UX precedes UI. User research informs the information architecture. The architecture informs the wireframes. The wireframes establish the structural constraints within which UI design executes. A UI designer who receives strong wireframes and a clear UX rationale will produce better visual work than one working from a vague brief - because the structural decisions have already been made and validated. The reverse is also true: a UX flow that is implemented with weak visual design loses its effectiveness because users do not experience the logic; they experience the presentation.

The Practical Difference for Business Owners

"The best design work happens when UX and UI are in constant conversation - not when one delivers to the other at a handoff point. Structure and visual expression should inform each other throughout the process." - Mherie Vic, TTGC

Why the Distinction Matters for Hiring and Briefing

Job postings that combine UX and UI into a single role are usually asking for a generalist who is competent in both but exceptional in neither. At the premium end of the market, UX and UI are separate specializations with different methodologies, tools, and outputs. When briefing an agency, separating the two lets you evaluate their specific capabilities in each - and surfaces immediately whether they have a research-grounded UX process or are applying UX as a marketing label to visual design work. The website accessibility guide covers how UX decisions affect accessibility - a dimension most UI-first teams undervalue.