Web Designer and UI Designer Employment Contract UK
Define responsive interface design around accessible components, controlled visual assets and implementable specifications.
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.
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.
Explore the catalogue
Related roles in Advertising & Marketing
Compare nearby role contracts before choosing the wording that matches the work.
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.