UI design
Interface layout, flows, wireframes and design critique.
Download all 32
- 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.
- Adapt an interface for older adults
Adapts an interface for older adults with readable type, generous targets, plain language, forgiving flows, memory supports and easy help, without patronising or a separate senior mode.
- Check UI against platform conventions
Checks screens against iOS, Android or web conventions, flagging non-native patterns, missing system behaviours and unsupported accessibility settings, with a fix for each.
- 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 design with me
Critiques a design with a solo designer as a conversation, asking about goals and constraints first, then reviewing one area at a time and pushing for reasons rather than taste.
- 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 app navigation
Designs navigation for a web or mobile app from its sections and primary tasks, choosing tabs, drawers or sidebars and specifying depth, back behaviour, deep links and responsive changes.
- 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 empty, loading and error states
Designs the empty, loading, partial, error and success states for a screen, with layout, copy, imagery guidance and a recovery action for each. For product designers.
- 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 an interactive data table
Designs an interactive data table for a product UI with columns, sorting, filtering, selection and bulk actions, density, responsive behaviour and every empty and loading state.
- Design an internal tool interface
Designs an internal or back-office tool for heavy daily use, with dense tables, bulk actions, keyboard shortcuts, audit trails and safe destructive actions, specified screen by screen.
- Design a landing page layout
Designs a landing page layout section by section with visual hierarchy, where proof and calls to action sit, visual direction, responsive behaviour and what to test. For designers and founders.
- 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 permission requests
Designs when and how an app asks for permissions such as notifications, location or camera, with in-context priming, timing, copy, and recovery when people decline.
- 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.
- Design a settings screen
Designs a settings or preferences screen with an audit of each setting, grouping, defaults, controls, search, save behaviour and safe destructive actions, following platform conventions.
- Design a TV, kiosk or signage interface
Designs an interface for a TV, self-service kiosk or in-store screen around viewing distance, remote or touch input, focus states, timeouts and access for standing and seated users.
- Design a voice interaction
Designs a voice interaction for an assistant or phone system with intents, slots, sample dialogues, confirmations, error recovery and a route to a human. For conversation designers.
- Map a user flow with decisions and drop-off risks
Maps a user flow for a task in a product step by step, with entry points, decisions, error and empty states and exits, and marks the friction and drop-off risk at each step with a fix.
- 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.
- Run a design critique session
Plans a design critique session with roles, a timed protocol, framing from the presenter, prompts that produce useful feedback and a way to record decisions. For design leads.
- Specify motion and microinteractions
Specifies motion and microinteractions for a flow with purpose, triggers, durations, easing, choreography, reduced-motion fallbacks and handoff values engineers can build from.
- 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 design principles
Writes ranked design principles for a team or product that settle interface and visual decisions, each with its meaning, the trade-off it accepts and do and don't examples from the product.
- 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).