UI/UX at a Glance
I design modern, accessible interfaces and back them with user‑centered process. Below is a concise summary of the skills and methods I use across web and app projects.
Core UI Skills
Visual design: layout, spacing, typography, color systems
Component design & design systems (atoms → patterns)
Responsive web design (mobile‑first, grid, breakpoints)
Interaction design: states, hover/focus, micro‑interactions
Prototyping hi‑fidelity screens for realistic handoff
Production‑ready assets (SVG logos/icons, export specs)
Core UX (Experience) Skills
Problem framing & goals (business + user)
User flows, sitemaps, information architecture
Wireframing (low → mid fidelity) to explore options
Usability testing & iteration based on feedback
Content strategy: concise copy, helpful empty states, error messaging
Research & Validation
Quick discovery: stakeholder chats, assumptions, success metrics
Surveys/interviews and insight synthesis
Competitive/heuristic reviews; accessibility checks (WCAG 2.2 AA)
A/B or before/after analysis when applicable
Tools
Figma (components, variants, auto‑layout, prototypes)
Adobe Illustrator/Photoshop (brand, imagery)
Whiteboarding & docs (Miro/Notion/Docs)
Analytics & testing (GA, Hotjar, lightweight testing)
Front‑End & Handoff
HTML/CSS fundamentals and developer‑friendly specs
Grid systems, tokens, and naming that devs can implement
Exported assets (SVG/PNG), redlines, and motion notes