IT & Development ✦ Dedicated & full-time

Web
Designer

UI design and responsive builds in your stack — from $14/hr + GST.

Looking for VA work? Apply at staffingsolutions.ph
$14/hrFrom, + GST · full-time
70%Average saving vs a local hire
14 daysBrief → first day
Fully managedWe hire, you lead

What a Web Designer does

A web designer turns ideas into interfaces — UI design and responsive builds that look right and work everywhere, in your platform.

Every StaffingSolutions.io web designer is recruited, hired and managed by us — reference-checked for your tools, working your business hours, and backed by our zero-risk promise: no placement fee, money-back first week, and a free replacement if the fit isn't right.

What they handle

  • UI design — to your brand.
  • Responsive builds — every screen.
  • Landing pages — fast and clean.
  • CMS work — WordPress, Webflow and more.
  • Design systems — consistent.
  • Handoff — dev-ready.
The actual work

A week in the role

Design that ends in a build, not a mood board. The work is Figma files a developer can implement — components with variants, layouts that hold at every breakpoint, the states nobody remembers to draw — plus the ongoing page and campaign assets your marketing team needs between projects.

The taskWhat that actually involves
Build page layouts in Figma

Lays out desktop, tablet and mobile frames on the agreed column grid using auto layout and constraints, so the developer can see what stretches, what wraps and what stacks, instead of interpolating between two static comps.

Design empty and error states

Draws the states most briefs skip: empty search results, inline form validation messages, disabled and loading buttons, skeleton placeholders, and the confirmation screen — so the build does not stall while someone invents them in code.

Maintain the component library

Keeps the Figma library as the single source: buttons with size and state variants, form fields, cards, navigation, and tokens for colour, type scale and spacing — publishing updates with notes so linked files pick up the change.

Check contrast and hit targets

Tests text and interface colour pairs against WCAG AA contrast ratios, sizes touch targets for thumbs rather than cursors, and specifies the visible focus style on every interactive component so accessibility is not retrofitted after launch.

Prepare developer handoff

Annotates the file in Figma Dev Mode: which library component each element maps to, hover and active behaviour, what happens at each breakpoint, image crop rules and link destinations — then answers build questions in file comments as work proceeds.

Design and export imagery

Art-directs and sources photography, crops to consistent ratios across card and hero placements, exports at the required densities in WebP and SVG, and names files to the convention the developer's asset folder already uses.

Landing pages for campaigns

Turns the campaign brief into a landing page that matches the ad creative, with form layout, social proof block and a mobile hierarchy built around the offer, then produces the variants being split-tested.

Email and EDM templates

Designs email layouts within the real constraints of Klaviyo, Mailchimp or Campaign Monitor — single-column mobile fallback, web-safe type stack, and a design that still reads when images are blocked by default in Outlook.

Design QA on the built page

Compares the staging build against the design at each breakpoint and logs discrepancies as specific tickets — wrong spacing step, substituted font weight, missing hover state, hero cropped off-centre on mobile — rather than a vague complaint.

Wireframe before pixels

Works up low-fidelity structure for new pages and flows first, gets content order and hierarchy agreed with the stakeholder, and heads off the rework that comes from arguing about colour before anyone has agreed what the page says.

Clickable prototypes for review

Wires frames into a Figma prototype so stakeholders click the actual journey, which surfaces dead ends, missing back-steps and unclear next actions during review instead of halfway through the development sprint.

Keep the brand applied consistently

Applies brand guidelines across new templates, pitch decks and social assets, flags the situations the guidelines have no answer for, and maintains the shared asset library so the team stops rebuilding the same header from scratch.

Related roles

More IT & Development roles

All IT roles →
Questions

Frequently asked

How much does a web designer cost?
From $14/hr + GST for a full-time, dedicated team member — roughly $29K a year against $95K–$115K all-in for the local equivalent once you add super, leave, payroll tax, software and a desk. No placement fee, no setup fee, no recruitment retainer: you pay from the day they start, for hours worked, and interviewing candidates costs nothing. Specialist roles sit a little higher. Run your numbers →
How fast can they start?
Typically 14 days from your discovery call to day one. In the first week we source and screen against your brief; you get three matched profiles and interview whoever you like. Once you choose, we handle the offer, the contract, equipment and connectivity checks, and induct them on our side before they reach you. Specialist roles — developers, NDIS claims, anything needing niche software — can take a week longer, because we won't pad a shortlist just to hit a date.
What if the fit isn't right?
You're covered twice over. If it's clearly wrong by day five, your first week is refunded in full. After that, a free replacement any time — new shortlist, new interviews, no second fee, because there was never a first one. Before it gets that far, talk to us: our HR manager will work through it with you and the team member, since most problems turn out to be an unclear process rather than the wrong person, and a fortnight of coaching usually fixes it. Replacing someone is the last resort, not the first move.
Is there a minimum term?
Three months, then month to month. It's the same runway you'd give a new local hire to learn your systems, your clients and your standards — and the team members who get a fair run are the ones who stay for years. There are no exit penalties at any point, and if the issue is the person rather than the role, the first-week refund and free replacement cover that separately.
How do you handle confidentiality?
The same way you'd treat any remote team member. Every placement signs an NDA and a confidentiality clause before day one, and they work inside your systems — your email, your CRM, your file storage — so you control what they can see and can revoke access instantly. No client data is stored on our side.
What stays with you, and what goes to them?
They take the recurring, process-driven part of the web Designer role — the work that happens the same way every week and eats your day. Judgement calls, client relationships, anything requiring your licence, sign-off or authority stay with you. The clients who get the most out of a web Designer hand over a defined process and keep the decisions, rather than handing over the whole function and hoping. On the discovery call we'll map which tasks fall on which side of that line before you commit to anything.
How do I hand the work over without losing weeks to training?
Record yourself doing the task once and talk through it as you go — a fifteen-minute screen recording beats a written manual every time, and your web Designer will turn it into a documented process you both work from. Expect the first fortnight to be shadowing and checking, then steadily less. If you have nothing documented, that's normal and it's not a blocker: we'll help you decide what to record first, and your account manager checks in through the whole ramp-up.