◆ Design

What a ui designer
really does.

22 tasks, each one witnessed by the sources that watched the job — and behind every one, a prompt you can use tonight.

22evidenced tasks
113,330in the US (2025)
$104,000median pay / year
10systems it runs on
See the 22 tasks ↓Open in the atlasThe full career map →
This is what one task looks like here
Design layout and visual elements
Create a new mobile dashboard layout for the park reservation flow, pr…3 sources agree

The shape of the day

tap a movement to see its tasks

Which one is you, right now?

Pick the moment · no score, no sign-up
Which moment is you right now?
Whichever you pick, the task behind it opens below.

The work, task by task

22 tasks
Hands on the work14
Design layout and visual elements+
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.
escojdwiki3 agree
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed. Helpful?
Troubleshoot website issues+
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.
escojdonet3 agree
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed. Helpful?
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 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.
escojdonet3 agree
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed. Helpful?
Optimize website graphics for performance+
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.
jdwiki2 agree
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed. Helpful?
Stay updated with web design trends and technologies+
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.
onetwiki2 agree
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed. Helpful?
Integrate multimedia elements into websites+
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.
jdwiki2 agree
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed. Helpful?
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 page anchors, then create a small admin UI so content edits update the index immediately.
onet
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed. Helpful?
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 logic for the checkout experience, annotate each screen with acceptance criteria and hand off the clickable build to engineering.
onet
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed. Helpful?
Keep the record3
Grow the practice3
Watch and assess2

What the work runs on

named inside the evidenced tasks
8 tasksAJAXrepresents the asynchronous requests and network traces you inspect to reproduce and diagnose the signup failure
4 tasksAdobe Illustratorproduces vector wireframes and exportable annotated assets suitable for developer handoff
3 tasksAdobe Photoshopprepares and optimises bitmap images and visual assets used in the layouts
3 tasksAdobe InDesignedits and assembles page content and screenshots into a versioned document for publishing and QA
3 tasksAdobe Acrobatto assemble, comment on, and distribute the final research report and annotated prototype screenshots
2 tasksAdobe After Effectsproduce and export motion assets and animated sequences used on the site
1 taskAmazon DynamoDBstores indexed page entries for fast, scalable search and snippet retrieval
1 taskAmazon Redshiftquery and aggregate large telemetry and analytics data for server, bandwidth, and database performance
Browse every evidenced software task →

The same task, four heights

this page is height one
ExecuteDo today's task, with fewer mistakesyou are here → ImproveMake it easy for the next person to acceptin the atlas → DecideWork out the right move when it is unclearin the atlas → BecomeLearn the pattern so it stops coming backin the atlas →

Can AI actually do this job?

the honest answer

It can

where it genuinely helps
  • Explain the theory behind the work
  • Draft, tidy and structure your writing
  • Rehearse a hard conversation before you have it
  • Build a study plan that fits your gaps

It cannot

where it stops, completely
  • Be in the room where a ui designer actually works
  • Carry the responsibility when the call is wrong — that weight stays yours
  • Notice what no one wrote down: the hesitation, the thing left unsaid
  • Live with the outcome

What the work pays

two countries, two different measures

United States

this exact occupation · BLS 2025
  • $104,000 a year — the middle: half earn more, half earn less
  • The lowest tenth earn near $53,750; the top tenth near $201,550
  • 113,330 people employed in this occupation

India

the occupation GROUP, not this job · PLFS via ILOSTAT 2025
  • ₹38,298 a month — the median for Professionals, the group this work sits in
  • India publishes pay by broad occupation group, so this covers many jobs besides this one. It is a shape, not a salary.
read this carefullyThese two numbers are not comparable and must not be converted into each other. One is a yearly figure for this job alone; the other is a monthly figure for a whole family of jobs. What travels between them is the pattern, not the amount: experience lifts pay almost everywhere.

Where the evidence lives

open any of it yourself
O*NETThe US Department of Labor's own record of this job15 of these tasks ESCOThe European skills and occupations register5 of these tasks Job descriptionsReal postings, in the wild8 of these tasks WikipediaHow the world describes this work6 of these tasks US Bureau of Labor StatisticsPay and employment, by occupation2025 figures UK NOS TECIS100141Design and develop digital user interfaces for web and mobile app platnational standard UK NOS TECDT130144Conduct user experience design assignmentsnational standard

Close to this work

12 nearby
DesignUx Designer22 evidenced tasks DesignVisual Designer22 evidenced tasks DesignInteraction Designer22 evidenced tasks DesignService Designer22 evidenced tasks DesignPackaging Designer22 evidenced tasks DesignMotion Designer22 evidenced tasks DesignInformation Designer22 evidenced tasks DesignFurniture Designer22 evidenced tasks

Questions people actually ask

You usually split time between design work and checks. Mornings often start with stand-ups or reviews, then you sketch layouts, make prototypes, or update pages in Adobe XD/Illustrator/Photoshop.

Afternoons are for testing and handoffs: run website tests, check performance (bandwidth, server load), fix bugs, and update content. Expect meetings with product managers and developers to align the web presence with business strategy and timelines.

Expect graphic tools like Adobe Illustrator, Photoshop, InDesign, and After Effects for visuals and motion. For prototypes and code handoff you’ll touch HTML, JavaScript, and sometimes XML or SQL for data-driven interfaces.

You’ll also document technical factors and may work with AWS services (Amazon Web Services, DynamoDB, Redshift, CloudFormation) when designs must match cloud architecture or performance constraints.

Yes, you will write code. Typical tasks include HTML for structure, JavaScript for interactions, and small SQL snippets when checking data. You’ll prototype interfaces and create interactive models or sequence diagrams to show behavior.

You won’t always build full back ends, but you should be comfortable writing clean HTML/JS and troubleshooting client-side issues (AJAX, browser quirks) and optimizing graphics for performance.

UI design focuses on visual layout, interactive elements, and the look of screens: moodboards, storyboards, icons, typography, and prototypes. UX is broader — user research, flows, and testing that inform those designs.

Front-end engineering implements designs in code and handles architecture, databases, and performance. UI designers do some coding and testing, but front-end engineers take designs to production and often handle deeper backend choices.

Use AI to generate layout ideas, extract assets, draft user-copy, or speed repetitive tasks, but always check results. Validate AI-generated designs with user research and accessibility checks before shipping.

Never paste sensitive client data into public AI tools. Keep a record of human edits and testing. Use AI to prototype faster, not to replace your testing, performance checks, or final design decisions.

The U.S. Bureau of Labor Statistics (BLS) reports about 113,330 employed UI/visual designers; the median annual wage is $104,000. The lowest tenth earn about $53,750, and the top tenth earn about $201,550 (BLS).

Pay varies by location, company size, and skills (coding, AWS, motion design). Specialized experience with cloud systems or complex data-driven interfaces usually raises pay.

Start with visual tools: Adobe Illustrator and Photoshop, plus a prototyping tool or InDesign for layouts. Learn HTML and basic JavaScript so you can build prototypes and troubleshoot website issues.

Practice by building small websites, optimizing graphics for performance, and doing a simple user research cycle. Learn to run site tests, document browser/device issues, and create prototypes and interaction diagrams to show employers you can move from idea to implementation.