Design & User Experience Topics
User experience design, frontend architecture, and design systems. Includes UX principles, accessibility, and design documentation.
Design Thinking and the End-to-End Design Process
The full arc of solving a design problem: framing the problem, diverging on ideas, converging on a solution, and validating it. Covers design-thinking frameworks (empathize, define, ideate, prototype, test), the double-diamond, and how a designer structures ambiguous work from brief to shipped experience. Emphasizes process rationale and how phases connect rather than any single artifact.
Design Tools and AI-Assisted Workflows
Working efficiently and confidently inside a design tool such as Figma, Sketch, or Adobe XD. Covers organizing files, pages, and layers for a team; naming conventions that stay searchable as a project grows; version history, branching, and merge practices that let several designers work at once without overwriting each other; and diagnosing a shared file that has grown slow to open and edit. Covers building components in the tool so they hold up in practice, using its layout, resizing, and variant systems so a component adapts across screen sizes and survives real content instead of tidy placeholders. Also covers working faster and automating repetition: keyboard shortcuts, choosing workflow plugins and knowing when to avoid them, and occasionally scripting one; export settings for production assets, including formats, scale factors, and file naming; and choosing or migrating between design tools for a team's needs. Does not cover design token architecture, component governance, or design system versioning; prototype fidelity or interaction pattern choices; accessibility auditing; responsive and multi-platform design strategy; or handoff specs, redlines, and developer communication, each of which is its own topic.
Frontend Fundamentals: HTML, CSS, and Responsive Styling
Core web-platform implementation skills: semantic HTML and document structure, native controls versus ARIA-patched divs (button versus link), accessible markup (labels, headings, landmarks, image alt text, icon-only buttons, keyboard operability, skip links, ARIA basics, focus styles), the CSS box model, cascade and specificity (including cascade layers and taming !important), selector matching cost, display types, positioning (static, relative, absolute, fixed, sticky) and stacking contexts and z-index, flexbox and grid layout (including subgrid and masonry options), units and fluid sizing (rem, clamp, viewport units including dynamic viewport units), the viewport meta tag, media queries, mobile-first breakpoints and how to choose them, container queries, responsive images (srcset, sizes, picture, aspect-ratio), touch target sizing, right-to-left and long-text layouts, custom properties and light/dark theming, and CSS organization (BEM, CSS Modules, utility-first, Sass). Includes debugging layout bugs, progressive enhancement, @supports and cross-engine CSS fallbacks. Performance measurement, building full interactive widgets and form flows, design-system governance, WCAG audit strategy, design handoff, visual regression testing and cross-browser test coverage are covered elsewhere.
Responsive, Multi-Platform, and Localized Design
Adapting a single experience across the varied contexts real users bring to it: responsive layouts, mobile-first strategy, breakpoint reasoning, touch and gesture design, and platform interaction guidelines (iOS, Android, web), plus internationalization and localization such as right-to-left and multilingual layouts, text expansion, locale-specific formats, and cultural adaptation. Covers respecting device, platform, and regional conventions while keeping a coherent product feel, and anticipating these constraints early rather than as a late patch.
Personas, Journey Mapping, and User Empathy
Modeling users and their experience: personas, empathy maps, jobs-to-be-done, journey and experience maps, and behavioral-insight synthesis. Covers identifying user needs and pain points, mapping end-to-end journeys across touchpoints, and grounding design decisions in genuine user understanding rather than assumptions.
Design Strategy, Vision, and Leadership
Operating design above the artifact level: design vision, strategy, advocacy, and influence across an organization. Covers championing design (including speaking truth to power), scaling design practice and quality across teams, driving cross-product consistency, and reasoning about industry direction and the future of design. The leadership and org-level surface.
Content Design and UX Writing
Shaping the words and content structure of an experience: microcopy, UX writing, content hierarchy, progressive disclosure, and audience-first content design. Covers analyzing the audience, structuring information for comprehension, and writing interface and documentation content that guides users clearly. The language layer of UX.
Accessibility and Inclusive Design
Designing and building for the full range of users and abilities: WCAG conformance levels and what they actually require, semantic markup and ARIA, keyboard and screen-reader support, color contrast and non-color affordances, accessible forms and error states, audio and alternative feedback, accessibility testing and audit, and disability-inclusive research. Covers accessible interaction patterns and treating accessibility as a first-class engineering constraint rather than a retrofit. The scope is accessibility as an engineering and design competency: not workplace diversity, inclusion and belonging, not algorithmic fairness or model bias, and not responsive or multi-platform layout as topics in their own right.
Information Architecture and User Flows
Structuring content and navigation so users can find and complete what they need: information architecture, taxonomy, card sorting, navigation models, sitemaps, user flows, and wireframing. Covers simplifying complex workflows, organizing dense content hierarchies, and mapping the paths users take through a product.