Design & User Experience Topics
User experience design, frontend architecture, and design systems. Includes UX principles, accessibility, and design documentation.
Frontend Component and State Architecture
Structuring client applications for maintainability: component architecture and code organization, state management and data flow, data-fetching patterns, routing and navigation, micro-frontends, and rendering strategy trade-offs. Covers designing a frontend that scales in complexity without becoming brittle.
Design Tools and AI-Assisted Workflows
Working fluently with the modern design toolchain and staying current: proficiency with design and prototyping tools, AI-assisted design workflows, and awareness of emerging tools, trends, and best practices. Covers speeding up execution with the right tools and evaluating when new tools or trends genuinely improve the work.
Frontend Fundamentals: HTML, CSS, and Responsive Styling
The core web-platform skills behind interfaces: semantic HTML, the CSS box model, cascade and specificity, layout systems (flexbox, grid), and responsive styling. Covers writing accessible, well-structured markup and building responsive layouts that hold up across viewports. The implementation foundation for UI work.
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.
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.
Rapid Design Exercises and Working Under Constraints
Producing strong design thinking quickly and under pressure: whiteboard and app-critique exercises, rapid problem definition, comfort with ambiguity, and pragmatic trade-offs between complexity, quality, and speed to market. Covers applying design fundamentals live and shipping quality solutions within real constraints. The design-exercise interview surface.
Design Handoff and Developer Collaboration
Getting a design built as intended: handoff specs, redlines, design tokens, and clear communication with engineers. Covers translating mockups into implementable guidance, resolving tension where design meets technical reality, and collaborating so the shipped product matches the intent. The seam between design and engineering.
Visual Design Fundamentals: Typography, Color, and Brand
The craft of visual communication: typography, color theory, layout and composition, visual hierarchy, and translating brand into a coherent visual language. Covers balancing aesthetics with usability, applying visual-design principles consistently, and executing polished, on-brand interfaces. The eye-and-craft layer of interface design.