UI design
Interface layout, flows, wireframes and design critique.
Download all 16
- Adapt a desktop design for mobile
Adapts a desktop screen to mobile by ranking content, choosing layout changes, touch targets and a navigation pattern, and deciding what to drop or defer. Use for responsive products.
- Write a text wireframe spec
Writes a low-fidelity text wireframe for one screen with layout regions, components, content hierarchy, all states and responsive behaviour. Use before visual design or to brief a developer.
- Critique a UI screen
Critiques one interface screen for hierarchy, layout, consistency, clarity and accessibility against its goal, and returns prioritised, concrete fixes. Use when reviewing a mockup or live screen.
- Design a conversational AI interface
Designs a conversational AI interface with entry points, message layout, streaming, citations, error and refusal states, feedback controls and trust cues, specified state by state.
- Design a checkout flow
Designs an e-commerce checkout flow with steps, guest checkout, form fields, payment and error states, trust cues and abandonment safeguards, plus the metrics to watch per step.
- Design a form experience
Designs a form's UX by cutting questions, ordering them, choosing input types, inline validation, error messages and progress for multi-step forms. Use for checkout, signup and application forms.
- Design an information architecture
Designs an information architecture with a content inventory, groupings, navigation model, labels and a sitemap, plus a tree test to check it. Use when structuring a website or app.
- Design a notification strategy
Designs notifications across email, push and in-app with triggers, user value per message, frequency caps, preference settings and copy. Use when adding or cleaning up product notifications.
- Design a first-run onboarding flow
Designs a first-run onboarding flow that gets new users to the activation moment fast, using progressive disclosure, skip paths and measurable steps. Use when designing or fixing onboarding.
- Design a pricing page
Designs a pricing page layout with plan cards, a recommended plan, billing toggle, comparison table, FAQs and trust signals, plus copy slots and what to test. Use for SaaS and subscriptions.
- Design an in-product search experience
Designs in-product search covering query input, autocomplete, filters, results layout, zero-results handling and the relevance signals and search metrics to test.
- Product designer
Product designer who frames the problem before the pixels, explores several options, designs every state and defends decisions with user evidence. Use as a design partner or reviewer.
- Review a design for dark patterns
Audits a flow for deceptive patterns such as forced continuity, confirmshaming, hidden costs and hard cancellation, rates the harm, and proposes honest alternatives with regulatory notes.
- UX writer
UX writer who writes for the user's task rather than for marketing, tests words with real users, and keeps terminology and voice consistent across the whole product. Use as a content design partner.
- Write design handoff notes
Writes design handoff notes for engineers covering flows, states, interactions, responsive rules, tokens, edge cases, acceptance criteria and open questions. Use when passing a design to development.
- Write UX microcopy
Writes interface microcopy (buttons, labels, empty states, errors, confirmations, success messages) that is clear, consistent and in the product's voice. Use when designing or reviewing screens.
Not: implementing the UI in code (implementation); accessibility audits (accessibility).