Visual Designer

Visual Designer is demonstrated through 22 tasks that show routine practice, client interactions and documentation needs. The list helps newcomers prioritize the most useful skills. Each one shows where we found it, and comes with an AI prompt you can copy and use straight away.

22evidenced tasks
22ready prompts
11tools of the trade
15-1255.00O*NET-SOC code
113,330hold this job (US, BLS 2025)
$104,000median pay/yr (US)
Open Visual 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 record2

Design layout and visual elements

+
Design the new homepage and product listing wireframes with visual components, define spacing, typography…
Design the new homepage and product listing wireframes with visual components, define spacing, typography scale and interaction states, then hand over annotated PNG screens and an assets folder to the front-end team on Monday morning.
The tools that do the workAdobe Creative CloudESCOjob descriptionsWikipedia

Maintain and update website content

+
Update the website content: swap the seasonal hero image, refresh three product descriptions with SEO…
Update the website content: swap the seasonal hero image, refresh three product descriptions with SEO keywords, correct two broken links, and upload the new assets so the marketing team can publish the changes by close of business today.
The tools that do the workAmazon Web Services AWSjob descriptionsO*NETWikipedia
Fixing2

Troubleshoot website issues

+
Investigate the checkout failure: reproduce the error path, capture console logs and network traces, test…
Investigate the checkout failure: reproduce the error path, capture console logs and network traces, test with two user accounts, add a prioritized bug report with steps to reproduce and suggested fix so developers can patch it by tomorrow.
The tools that do the workAmazon Elastic Compute Cloud EC2ESCOjob descriptionsO*NET

Optimize website graphics for performance

+
Compress, convert and replace the hero images, icon set and social thumbnails so the largest pages load under…
Compress, convert and replace the hero images, icon set and social thumbnails so the largest pages load under two seconds on mobile while keeping visual quality acceptable to marketing; update the image manifest and push to the staging CDN by Wednesday.
The tools that do the workAdobe PhotoshopAdobe Illustratorjob descriptionsWikipedia
Protecting1

Align the client's web presence with its business strategy

+
Rewrite the homepage, product pages and brand asset set so every headline, image and interaction supports the…
Rewrite the homepage, product pages and brand asset set so every headline, image and interaction supports the growth plan Priya approved for Q3, then deliver a site style guide and executive summary to Priya and Marco by Thursday for sign-off.
The tools that do the workAdobe IllustratorAdobe InDesignESCOjob descriptionsO*NET
Analysing1

Conduct user research to inform design decisions

+
Run five remote interviews with current customers and three usability tests on the checkout flow, capture…
Run five remote interviews with current customers and three usability tests on the checkout flow, capture notes, transcripts and session clips, then produce a one-page insight deck with prioritized design changes and evidence for product and marketing by next Monday.
The tools that do the workAdobe AcrobatO*NETWikipedia
The daily work16

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

+
Push the homepage, signup, and dashboard templates into the repo as working HTML, linked CSS and JavaScript…
Push the homepage, signup, and dashboard templates into the repo as working HTML, linked CSS and JavaScript modules, run the unit tests until all pass, and open a review branch for Carlos and Priya to test today.
The tools that do the workAJAXjob descriptions

Monitor website traffic and performance

+
Collect the last 30 days of pageviews, load times, and error rates, flag pages with slow first-contentful…
Collect the last 30 days of pageviews, load times, and error rates, flag pages with slow first-contentful paint or rising bounce, and share a short report with product and engineering by Wednesday morning.
The tools that do the workAmazon Redshiftjob descriptions

Develop web-accessible software based on designs

+
Turn the static prototypes into a deployable web build: wire the components to the API, add client-side…
Turn the static prototypes into a deployable web build: wire the components to the API, add client-side validation, spin a staging instance and invite QA to smoke-test the flows by Friday.
The tools that do the workAmazon Elastic Compute Cloud EC2ESCO

Look for ways to improve the application

+
Run a heuristic review and capture three UX and performance fixes with estimated effort, prioritize them with…
Run a heuristic review and capture three UX and performance fixes with estimated effort, prioritize them with the product manager, and open tickets so engineering can schedule the smallest one this sprint.
The tools that do the workAdobe Creative CloudESCO

Stay updated with web design trends and technologies

+
Read and summarise three recent articles or conference talks on responsive design, CSS container queries, and…
Read and summarise three recent articles or conference talks on responsive design, CSS container queries, and progressive enhancement, note which techniques we can adopt this quarter, and add links and an implementation priority for the team by Friday.
The tools that do the workAmazon Web Services AWSO*NETWikipedia

Integrate multimedia elements into websites

+
Assemble a working web page prototype that embeds optimized video, SVG animations, and accessible audio…
Assemble a working web page prototype that embeds optimized video, SVG animations, and accessible audio captions, test playback across Chrome and Safari on desktop and iOS, and hand off annotated asset slices and implementation notes to the front‑end engineer by Wednesday.
The tools that do the workAdobe After EffectsAdobe Illustratorjob descriptionsWikipedia

Create searchable indices for Web page content.

+
Scan the site content, extract headings and metadata, build a searchable index with keyword weights, and…
Scan the site content, extract headings and metadata, build a searchable index with keyword weights, and deliver the index and a simple search UI snippet plus documentation so content can be found and updated by the CMS editor by Tuesday.
The tools that do the workAmazon RedshiftO*NET

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

+
Design an interactive prototype that shows the physical layout, UI screens, data entities, and navigation…
Design an interactive prototype that shows the physical layout, UI screens, data entities, and navigation flows for the new dashboard, include annotated wireframes and a clickable flow so product and engineering can validate at the stakeholder review next Monday.
The tools that do the workAdobe IllustratorAdobe After EffectsO*NET

Develop system interaction or sequence diagrams.

+
Draft system interaction and sequence diagrams that map user actions, frontend events, API calls, and backend…
Draft system interaction and sequence diagrams that map user actions, frontend events, API calls, and backend responses for the checkout flow, flag timing and error states, and circulate the diagrams to engineering and QA for feedback by Thursday.
The tools that do the workAmazon Elastic Compute Cloud EC2O*NET

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

+
Run the scheduled cross‑browser and accessibility tests after the latest update, log any regressions with…
Run the scheduled cross‑browser and accessibility tests after the latest update, log any regressions with screenshots and repro steps, prioritise fixes with severity, and send the test report to QA lead Maria and product manager Daniel within 24 hours.
The tools that do the workAJAXO*NET

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

+
Create moodboards and a four-panel storyboard for the mobile onboarding video, map a realistic two-week…
Create moodboards and a four-panel storyboard for the mobile onboarding video, map a realistic two-week pre-production timeline with milestones and approvals from Priya in product and Marcus in engineering, and flag any assets we must greenlight before Monday.
The tools that do the workAdobe PhotoshopAdobe InDesignO*NET

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

+
Compile a technical appendix that logs peak server CPU, average bandwidth, database query latency, and the…
Compile a technical appendix that logs peak server CPU, average bandwidth, database query latency, and the top five browser and device types seen in the last 30 days, annotate where visuals break and send to Marcus and Sandeep for verification by Wednesday.
The tools that do the workAmazon RedshiftAmazon DynamoDBO*NET

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

+
Survey three viable web architecture options—single-page app with client rendering, server-side rendered app,…
Survey three viable web architecture options—single-page app with client rendering, server-side rendered app, and hybrid edge-rendered setup—document pros, cons, costs, and estimated dev time, rate them against our traffic profile and recommend one for the roadmap review on Thursday.
The tools that do the workAmazon Web Services AWSO*NET

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

+
Draft three templated email responses for common user inquiries about account setup, password resets, and…
Draft three templated email responses for common user inquiries about account setup, password resets, and billing, and create an automated flow that sends the right template and logs replies, then hand off to Ravi in support for testing by Friday.
The tools that do the workAJAXO*NET

Select programming languages, design tools, or applications.

+
Produce a recommendation memo that compares TypeScript, React, and our current stack against alternatives for…
Produce a recommendation memo that compares TypeScript, React, and our current stack against alternatives for the next sprint, include developer ramp time, tooling needs, and a shortlist of design tools to trial, and circulate to the tech leads before Monday's planning meeting.
The tools that do the workAmazon Elastic Compute Cloud EC2O*NET

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

+
Write the interface testing protocol and a concise user manual for the new settings panel, include…
Write the interface testing protocol and a concise user manual for the new settings panel, include step-by-step test cases, acceptance criteria, annotated screenshots, and a changelog, then export a print-ready brief and send to QA and legal for sign-off by Friday.
The tools that do the workAdobe AcrobatO*NET

Says who?

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

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