Advertising & Marketing employment contract

Web Designer and UI Designer Employment Contract UK

Define responsive interface design around accessible components, controlled visual assets and implementable specifications.

Watercolour illustration showing Web Designer (UI) at work in Advertising & Marketing on a pale sage background
This contract includes Design responsive pages components and interaction states. Apply brand systems typography spacing and visual hierarchy. Prepare accessible layouts assets and content presentation. Preview before payment PDF and editable DOCX files after checkoutBuilt for UK employers

Looking for a Web Designer (UI) employment contract? This page takes you straight into the role-specific builder, with preview before payment and both PDF and DOCX files included after checkout.

Solicitor-approved framework Preview Before Payment £19.99 one-off PDF & editable Word Industry-specific clauses Secure Stripe payment
1,881Role-specific contract paths
GuidedHR Action journeys
40Industries supported
UK-focusedEmployment guidance
Secure payments by Stripe Data handling controlsUK employment contextClear product and advice boundaries

Legally validated and solicitor-approved contract framework

Reviewed for straightforward UK employer use

This page is maintained for UK employers creating web designer (ui) contracts for advertising & marketing. HRHeaven uses a legally validated and solicitor-approved self-service contract framework, with wording for role duties, confidentiality, notice, holiday, probation and practical workplace expectations. It does not replace individual legal advice for complex or disputed circumstances.

Last updated
19 June 2026
Content owner
HRHeaven employment documentation team
Review standard
UK employer template review, versioned clause logic and preview before payment

Free e-sign included

Send the completed contract for signature from your HRHeaven workspace without buying a separate signature tool.

Employer dashboard

Store contracts, track signature status, download signed PDFs, and keep employee documents in one secure dashboard.

Free branding

Add your company name, logo and brand colour so the contract looks like it came from your business.

What's included in your contract

Job description

Clear role overview and key responsibilities.

Probation period

Clear probation terms for the selected arrangement.

Role-specific duties

Maintained responsibilities, records and authority boundaries for the selected role.

Working hours

Standard and flexible working arrangements.

Holiday entitlement

Holiday terms explained for the selected arrangement.

Confidentiality

Client and company confidentiality.

Disciplinary process

Clear process and employee rights.

Notice periods

Notice terms explained for both parties.

You’ll receive your contract in both PDF & DOCX formats

Download a polished PDF ready to issue and an editable DOCX copy for future updates.

PDFReady to use
DOCXFully editable

Before you create it

Use this Web Designer (UI) contract with confidence

Practical checks to help an employer choose the right starting point and prepare the information the document needs.

When to use this contract

Deliver responsive interface designs, maintain consistent documented UI components, and deliver implementation-ready assets and specifications.

Workplace context: Office, studio, remote systems, client meetings or approved project locations.

What makes this role different

Follow the Employer's documented arrangements covering sites products devices and design scope. Follow the Employer's documented arrangements covering systems tools source files and IP. Follow the Employer's documented arrangements covering accessibility assets licensing and confidentiality. Follow the Employer's documented arrangements covering prototypes developer handover publishing and portfolio. Follow the Employer's documented arrangements covering client confidentiality.

Not a fit / obtain specialist advice

Recheck the role or obtain appropriate advice if the work would exceed these maintained authority boundaries: The designer cannot publish unapproved interfaces, use unlicensed assets, waive accessibility concerns, expose confidential prototypes or promise technical feasibility without review. Obtain approval before committing expenditure, changing contractual commitments or making regulated or staffing decisions outside the assigned role.

What to prepare before you issue it

  • the websites products and supported devices
  • the design system and tool access
  • the accessibility and review standard
  • the asset licensing and source-file rules
  • the development handover and publishing authority

Day-to-day operating brief

What Web Designer (UI) work looks like in practice

A Web or UI Designer creates the visual and interactive presentation of websites, landing pages and product interfaces. The role turns brand and user requirements into responsive layouts and component states rather than simply producing static artwork. Terms should define sites, design systems, breakpoints, browser context, accessibility contribution, asset licensing, prototypes, source files, developer handover, publishing authority, confidentiality, remote equipment and use of work in portfolios.

Responsibilities reflected in the contract

  • Design responsive pages components and interaction states.
  • Apply brand systems typography spacing and visual hierarchy.
  • Prepare accessible layouts assets and content presentation.
  • Prototype flows and collaborate through implementation review.
  • Maintain source files libraries versions and handover notes.

A realistic working scenario

A proposed visual treatment looks polished on desktop but hides keyboard focus and fails at increased text size. The designer revises the component states rather than treating accessibility as an engineering-only correction.

Outputs to agree

  • responsive interface designs
  • consistent documented UI components
  • implementation-ready assets and specifications

Records and evidence

  • Brief flow and layout rationale.
  • Component state token and version.
  • Accessibility review and correction.
  • Asset licence export and developer handover.
  • Design files.
  • Project briefs.

Reporting relationship

Typically reports to Creative Director, Design Lead, Account Director or Project Manager. Confirm the employer's actual reporting structure in the builder.

Authority and escalation

  • The designer cannot publish unapproved interfaces, use unlicensed assets, waive accessibility concerns, expose confidential prototypes or promise technical feasibility without review.
  • Obtain approval before committing expenditure, changing contractual commitments or making regulated or staffing decisions outside the assigned role.

Tools and systems

  • Design software.
  • Project management tools.
  • Approval systems.
  • Client communication tools.

Workplace context

  • Office, studio, remote systems, client meetings or approved project locations.

Contract priorities

  • sites products devices and design scope
  • systems tools source files and IP
  • accessibility assets licensing and confidentiality
  • prototypes developer handover publishing and portfolio

Information the employer should prepare

  • the websites products and supported devices
  • the design system and tool access
  • the accessibility and review standard
  • the asset licensing and source-file rules
  • the development handover and publishing authority

Individually written and reviewed against the maintained role record.

Maintained role evidence

The facts this Web Designer (UI) contract is built around

These role-pack details give an employer something concrete to check before using the contract for advertising & marketing work.

Work setting

Office, studio, remote systems, client meetings or approved project locations.

Primary duties

  • Design responsive pages components and interaction states.
  • Apply brand systems typography spacing and visual hierarchy.
  • Prepare accessible layouts assets and content presentation.
  • Prototype flows and collaborate through implementation review.

Tools and training to confirm

  • Design software.
  • Project management tools.
  • Approval systems.
  • Client communication tools.

Governance focus

Employer procedures and role controls. Follow the Employer's documented arrangements covering sites products devices and design scope. Follow the Employer's documented arrangements covering systems tools source files and IP. Follow the Employer's documented arrangements covering accessibility assets licensing and confidentiality.

Contract builder output

Web Designer (UI) clauses and builder inputs

HRHeaven builds the contract from the employer's answers, the selected industry, and the role-specific wording for this job.

Role wording

Web Designer (UI) duties

Deliver responsive interface designs, maintain consistent documented UI components, and deliver implementation-ready assets and specifications.

Design responsive pages components and interaction states. Apply brand systems typography spacing and visual hierarchy. Prepare accessible layouts assets and content presentation. Prototype flows and collaborate through implementation review. Maintain source files libraries versions and handover notes.

Builder answers

What the contract builder captures

Employer and employee details Role title and reporting line Pay, hours and working pattern Holiday, probation and notice Workplace and site rules Company branding and e-sign

Preview before purchase

Complete the builder, check the document output, then pay only when you are ready to download.

Specific clauses

What is added to the finished contract

The designer cannot publish unapproved interfaces, use unlicensed assets, waive accessibility concerns, expose confidential prototypes or promise technical feasibility without review.

Obtain approval before committing expenditure, changing contractual commitments or making regulated or staffing decisions outside the assigned role.

Follow the Employer's documented arrangements covering sites products devices and design scope.

Follow the Employer's documented arrangements covering systems tools source files and IP.

£19.99 one-off contractPreview before payment, then download the branded PDF and send for signature.

Employee handbook bundle

Web Designer (UI) Contract + Employee Handbook Bundle

Pair the contract with a fully customisable employee handbook and keep the role wording, workplace rules, branding and policies aligned from day one.

Industry-specific policies Contract and handbook generated together UK-focused policy content Easy to edit and maintain

After the contract

Run the employee lifecycle with HR Actions

Once the Web Designer (UI) contract is created, HR Actions help advertising & marketing employers manage the next HR steps: recruitment, probation, performance, absence, disciplinary, grievance and offboarding.

Choose the right level of support

Single HR Action or Unlimited

Buy one HR Action for one employee process, or use HR Actions Unlimited when you expect recurring HR work.

Keep the context together

AI Workspace support

HRHeaven can pre-fill known employee, role, timeline and document facts, then asks the employer to confirm the missing details.

Stay ready for the next step

Timeline, reminders and audit

Each workflow keeps the case history, source context, reminders, documents and completion summary together.

Simple, transparent pricing

Choose the perfect solution for your business

Employment Contract
£19.99

Create a UK-focused employment contract in minutes, with role-aware wording and a reviewable preview.

Employment Contract Industry and role clauses Legal preview PDF downloadView details
Employee Handbook
£34.99

Create a practical employee handbook for your workplace.

Employee Handbook Branded pages Industry-aware policies PDF downloadView details
Most PopularContract + Handbook Bundle
£44.99SAVE £9.99 versus buying separately

Everything needed to hire your first employee correctly.

Employment Contract Employee Handbook Individual PDF downloadsView details
Returning customersEmployment Contract (Loyalty Price)
£14.99Save £5.00

Loyalty price for eligible returning customers creating an Employment Contract for a new employee or new hire.

For eligible returning customers One new Employment Contract Applied automatically after a completed qualifying purchaseView details
Action supportHR Actions
£4.99

Run employee lifecycle workflows with AI guidance, reminders, timeline and audit support.

Single HR Actions HR Actions Unlimited option AI Workspace Timeline and auditView details
Unlimited accessHR Actions Unlimited
£9.99/month

Launch eligible HR Actions across your organisation without paying per employee case.

Unlimited HR Action case files Unlimited employees Unlimited AI assistance Timeline and audit historyView details
Optional membershipCompliance Membership
£20.00/year

Optional yearly document maintenance, compliance reminders and update notifications.

Unlimited document regeneration HR alerts Compliance reminders Template update notificationsView details

Frequently asked questions

Does a Web Designer publish directly to the website?

Only where publishing authority is assigned, with review, staging, testing, version control and rollback requirements.

Who owns UI source files created in employment?

Employment IP terms should cover work product while preserving licences for fonts, stock assets, plugins and templates.

Is accessibility part of a UI Designer role?

It should be defined as a design responsibility while testing, engineering and organisational accountability remain shared.

Can a Web Designer use template assets?

Only where the licence permits the intended client, modification, distribution, territory and continuing use.

What responsive states must be designed?

Specify supported breakpoints, orientation, zoom, text expansion, input methods and exceptional content conditions.

May unreleased web designs appear in a portfolio?

No without approval; public examples must also respect client confidentiality, source licences and security concerns.

Who decides whether a UI is technically feasible?

Design and engineering owners should resolve constraints together, with scope or experience changes properly approved.

What should a Web Designer hand over?

Editable sources, components, states, tokens, licensed assets, annotations, review findings and implementation decisions.

View all FAQs

Ready to create your Web Designer (UI) contract?

Create a UK-focused contract in minutes, with role-aware wording, a reviewable preview and both PDF and DOCX files after checkout.

Create My Web and UI Designer Contract Preview Before Payment