Ui Designer

Ui Designer is the actor in 22 practical tasks that reveal daily rhythm, interruptions and key handoffs. Built for newcomers, the tasks show when to seek help and when to act alone. Each one shows where we found it, and comes with an AI prompt you can copy and use straight away.

22evidenced tasks
22ready prompts
10tools of the trade
15-1255.00O*NET-SOC code
113,330hold this job (US, BLS 2025)
$104,000median pay/yr (US)
Open Ui Designer in the interactive atlas →

What it pays

Government survey numbers — not estimates, not ads.

Half of all Web and Digital Interface Designers in the U.S. earn more than $104,000 a year — the middle 80% land between $53,750 and $201,550. About 113,330 people in the U.S. do this work. Figures are for the U.S. occupation group “Web and Digital Interface Designers”. (U.S. Bureau of Labor Statistics survey, published 2025.) In India, Professionals earn about ₹38,298 a month on average — around ₹4.6 lakh a year (government PLFS survey via ILOSTAT, occupation-family figure).
$104,000typical pay / year
113,330people in this work
$201,550+top 10% earn
₹4.6 lakha year in India (family avg)
Think you get this job?Six quick questions on how it really works — with a hint and the reason behind every answer.
Test yourself →

The work, task by task

These are the real jobs-to-be-done, not a wish list. Each task shows where we found it, and the prompt underneath is written for that exact task.

Keeping the record4

Design layout and visual elements

+
Create a new mobile dashboard layout for the park reservation flow, produce wireframes for home, search and…
Create a new mobile dashboard layout for the park reservation flow, produce wireframes for home, search and booking screens with component spacing, typography choices and color tokens, then export annotated assets for handoff to development.
The tools that do the workAdobe IllustratorAdobe PhotoshopESCOjob descriptionsWikipedia

Maintain and update website content

+
Update the account help pages with the new refund policy, adjust headings and body copy, replace outdated…
Update the account help pages with the new refund policy, adjust headings and body copy, replace outdated screenshots and publish the revised page with version notes and a quick QA checklist completed.
The tools that do the workAdobe InDesignjob descriptionsO*NETWikipedia

Troubleshoot website issues

+
Diagnose the broken signup flow that fails on confirmation, capture console errors and network traces,…
Diagnose the broken signup flow that fails on confirmation, capture console errors and network traces, compare the form markup against the spec, patch the validation rules and document steps to reproduce and fix.
The tools that do the workAJAXESCOjob descriptionsO*NET

Optimize website graphics for performance

+
Optimize the site graphics for performance by converting hero images and icons to responsive vector or modern…
Optimize the site graphics for performance by converting hero images and icons to responsive vector or modern compressed formats, produce a size-and-latency report for the frontend team, and stage the changes on the staging site for QA before Friday.
The tools that do the workAdobe PhotoshopAdobe Illustratorjob descriptionsWikipedia
Convincing1

Align the client's web presence with its business strategy

+
Align the client's web presence with its updated three-year business strategy by mapping homepage, product…
Align the client's web presence with its updated three-year business strategy by mapping homepage, product pages, and service flows to the strategic objectives, then produce a prioritized set of design changes and a rollout plan for the marketing and engineering leads by next Tuesday.
The tools that do the workAJAXESCOjob descriptionsO*NET
Analysing1

Conduct user research to inform design decisions

+
Conduct user research to inform the next iteration: recruit ten target customers, run one-hour moderated…
Conduct user research to inform the next iteration: recruit ten target customers, run one-hour moderated sessions comparing the current flows and two prototypes, synthesise findings into ten actionable design changes, and share the research deck with product and engineering by the end of the sprint.
The tools that do the workAdobe AcrobatO*NETWikipedia
The daily work16

Stay updated with web design trends and technologies

+
Scan the last three months of competitor sites and industry blogs, capture notable layout, interaction, and…
Scan the last three months of competitor sites and industry blogs, capture notable layout, interaction, and performance patterns, summarise what to trial next sprint, and add three concrete implementation notes for the front-end repo by Friday.
The tools that do the workAJAXO*NETWikipedia

Integrate multimedia elements into websites

+
Add the hero video, responsive image sets, SVG animations, and an accessible audio player to the marketing…
Add the hero video, responsive image sets, SVG animations, and an accessible audio player to the marketing landing, test playback and load times across mobile breakpoints, then commit the multimedia-ready components with usage docs.
The tools that do the workAdobe After Effectsjob descriptionsWikipedia

Create searchable indices for Web page content.

+
Build a keyworded, searchable index of the product and help pages, wire the search API to return snippets and…
Build a keyworded, searchable index of the product and help pages, wire the search API to return snippets and page anchors, then create a small admin UI so content edits update the index immediately.
The tools that do the workAmazon DynamoDBO*NET

Create Web models or prototypes that include physical, interface, logical, or data models.

+
Create interactive prototypes that include physical constraints, interface states, data flow, and component…
Create interactive prototypes that include physical constraints, interface states, data flow, and component logic for the checkout experience, annotate each screen with acceptance criteria and hand off the clickable build to engineering.
The tools that do the workAdobe IllustratorAdobe After EffectsO*NET

Develop system interaction or sequence diagrams.

+
Draft sequence and interaction diagrams for the sign-in, password reset, and payment flows, highlight failure…
Draft sequence and interaction diagrams for the sign-in, password reset, and payment flows, highlight failure states and timing expectations, then attach the diagrams to the ticket so engineering can estimate.
The tools that do the workAdobe InDesignO*NET

Perform Web site tests according to planned schedules, or after any Web site or product revision.

+
Run the regression checklist across desktop and mobile after the last deploy, log each failing interaction…
Run the regression checklist across desktop and mobile after the last deploy, log each failing interaction with repro steps and screenshots, prioritise fixes for the next hotfix and notify QA and product.
The tools that do the workAdobe AcrobatO*NET

Direct and execute pre-production activities, such as creating moodboards or storyboards and establishing a project timeline.

+
Create moodboards and three storyboard sequences for the new checkout redesign, collect visual references and…
Create moodboards and three storyboard sequences for the new checkout redesign, collect visual references and interaction notes, then publish a four-week production timeline with milestones, owners, and handoff dates so engineering can plan sprints.
The tools that do the workAdobe PhotoshopAdobe InDesignO*NET

Document technical factors such as server load, bandwidth, database performance, and browser and device types.

+
Gather server load reports, bandwidth usage charts, database query times and a breakdown of top browser and…
Gather server load reports, bandwidth usage charts, database query times and a breakdown of top browser and device types, compile them into a one-page technical appendix for the UI spec and flag any performance risks for the engineering lead.
The tools that do the workAmazon RedshiftO*NET

Research, document, rate, or select alternatives for Web architecture or technologies.

+
Research three web architecture alternatives, document pros and cons for cost, scalability, and dev speed,…
Research three web architecture alternatives, document pros and cons for cost, scalability, and dev speed, rate each option against our performance and integration needs, and recommend one for the product team to approve.
The tools that do the workAmazon Web Services AWSO*NET

Respond to user email inquiries, or set up automated systems to send responses.

+
Write concise responses to the backlog of user emails about layout bugs, set up an automated acknowledgement…
Write concise responses to the backlog of user emails about layout bugs, set up an automated acknowledgement that links to the known issues page, and route any critical accessibility reports to Sam in research.
The tools that do the workAJAXO*NET

Select programming languages, design tools, or applications.

+
Evaluate and pick the front-end language, component library, and design tool that meet our performance budget…
Evaluate and pick the front-end language, component library, and design tool that meet our performance budget and team skillset, document the tradeoffs and onboarding steps, and get signoff from engineering and product by Friday.
The tools that do the workAmazon Web Services AWS CloudFormationO*NET

Write and edit technical documentation for digital interface products and designs, such as user manuals, testing protocols, and reports.

+
Draft the UI product manual, write test protocols for cross-browser rendering and touch interactions, include…
Draft the UI product manual, write test protocols for cross-browser rendering and touch interactions, include screenshots and expected outcomes, then send the draft to QA and product for review with a two-day turnaround.
The tools that do the workAdobe AcrobatAdobe IllustratorO*NET

Write code for websites using HTML, XML, JavaScript, or SQL

+
Implement the front-end markup and client scripts for the marketing site: build semantic HTML pages, wire up…
Implement the front-end markup and client scripts for the marketing site: build semantic HTML pages, wire up interactive UI with JavaScript modules, validate accessibility, and add the SQL-backed search endpoint so staging is deployable by Wednesday.
The tools that do the workAJAXjob descriptions

Monitor website traffic and performance

+
Track traffic and performance for the product pages today: capture page load timings, record JavaScript…
Track traffic and performance for the product pages today: capture page load timings, record JavaScript errors, compare weekly unique visitors, and flag any drop over 20% so I can brief Rachel in product by 10am.
The tools that do the workAJAXjob descriptions

Develop web-accessible software based on designs

+
Turn the approved visual prototypes into a working web app: convert screens into responsive HTML, implement…
Turn the approved visual prototypes into a working web app: convert screens into responsive HTML, implement interactive components with JavaScript modules, wire the form submissions to the SQL API, and deliver a deployable build for QA on Friday.
The tools that do the workAJAXESCO

Look for ways to improve the application

+
Review the current app for quick wins: run a UX flow audit, record slow client-side screens, identify three…
Review the current app for quick wins: run a UX flow audit, record slow client-side screens, identify three UI patterns to simplify, and prepare a prioritised list with estimated dev hours for tomorrow's design review.
The tools that do the workAJAXESCO

Says who?

These are the pages we read to build this. Open any of them and check us.

The logs, files & records this job keeps

Shared with other careers — the same record means something different in each.

Related careers

Same family of work — each with its own tasks and prompts.

The LLOS Work Atlas is the world's largest evidenced task library — a map of human work, with a ready prompt behind every task. 1,774 careers · every task named by the sources that witnessed it — O*NET, ESCO, real job descriptions, Wikipedia — and the deepest tasks by several at once. And it is honest about limits: where AI cannot help, the map says so.

The rest of the map

Same library, five ways in.

Copyright © LLOS.ai · 2026 — original pedagogy, voice, and design — all rights reserved.
Built on public evidence: O*NET®, ESCO, Wikipedia, U.S. Bureau of Labor Statistics, ILOSTAT. All sources & licenses