Corporate Website UX/UI Design
DETAILED DELIVERABLES
Scope of work
Included services, deliverables and allowances for this service. Any monthly or total-package quantities apply to the periods stated below.On smaller screens, scroll across the table to view all columns.
| Item | Scope & responsibilities | Deliverable | Allowance / basis |
|---|---|---|---|
| 01 |
Discovery Session
Review the business objective, audience, services, website requirements, existing materials and intended conversion actions |
Discovery notes | 1 session, up to 90 minutes |
| 02 |
Existing Website Review
Review the existing website’s structure, content hierarchy, navigation and visible usability issues |
Current-state observations | 1 website |
| 03 |
Reference Review
Review relevant competitor and reference websites to identify useful UX and design patterns |
Reference observations | Up to 5 websites |
| 04 |
Website Objective Definition
Define the website’s primary business purpose, user actions and conversion priorities |
Website-objective statement | 1 direction |
| 05 |
Audience Definition
Define the primary website audience, information needs and intended actions |
Audience summary | Up to 2 audiences |
| 06 |
Sitemap Planning
Organise the website’s pages, navigation structure and page hierarchy |
Visual sitemap | Up to 15 URLs |
| 07 |
Page-Template Definition
Identify which website pages require unique layouts and which can reuse an approved template |
Template matrix | Up to 5 templates |
| 08 |
Conversion-Path Planning
Define how users move from entry pages to enquiry, contact, registration or another primary CTA |
Conversion-flow map | 1 primary flow |
| 09 |
Content Hierarchy
Organise the supplied content into appropriate page sections and information priority |
Page-content outlines | Up to 5 templates |
| 10 |
Low-Fidelity Wireframes
Create structural page layouts showing sections, content order, functionality and CTA placement |
Desktop wireframes | Up to 5 templates |
| 11 |
Wireframe Revisions
Refine the structure and page flow based on consolidated client feedback |
Approved wireframes | 2 rounds |
| 12 |
Visual Design Direction
Establish the interface mood, typography, colour application, imagery treatment and digital design principles |
UI direction board | 1 direction |
| 13 |
Homepage UI Design
Design the primary homepage interface using the approved wireframe and visual direction |
High-fidelity design | 1 page template |
| 14 |
Inner-Page UI Design
Design the approved internal page templates |
High-fidelity designs | Up to 4 templates |
| 15 |
Mobile Responsive Design
Adapt the approved desktop interface into mobile layouts with appropriate hierarchy and interaction changes |
Mobile designs | Up to 5 templates |
| 16 |
Header & Navigation Design
Design the desktop and mobile header, main navigation and menu states |
Navigation system | 1 system |
| 17 |
Footer Design
Design the global footer, navigation links, contact information and CTA treatment |
Footer system | 1 system |
| 18 |
Form Design
Design one standard enquiry, contact or lead-generation form |
Form interface | 1 form |
| 19 |
Reusable Component Design
Design reusable buttons, cards, content blocks, labels, tabs and other common interface elements |
UI component set | Standard set |
| 20 |
Interaction States
Define standard hover, active, selected, expanded and form states where applicable |
Interaction guidance | Standard states |
| 21 |
Basic Design System
Document the approved colours, typography, spacing, buttons, fields and reusable components |
Figma style guide | 1 system |
| 22 |
Clickable Prototype
Connect key screens to demonstrate navigation and the primary conversion flow |
Figma prototype | 1 primary flow |
| 23 |
UI Design Revisions
Revise the interface based on consolidated client feedback without changing approved wireframes |
Updated designs | 2 rounds |
| 24 |
Developer Handoff
Organise Figma components, styles, measurements and implementation notes for development |
Handoff-ready Figma file | 1 package |
| 25 |
Design QA
Check layout consistency, responsive behaviour, spacing, component usage and handoff readiness |
QA-approved designs | 1 check |
| 26 |
Final Presentation
Present the final UX/UI design, responsive behaviour and intended user journey |
Online presentation | Up to 60 minutes |
COMMERCIAL CONDITIONS