Corporate Website UX/UI Design

Service fee: RM12,000 per website; up to 5 unique page templates

UX planning and responsive interface design for a conversion-focused corporate or B2B website

Final deliverable

• Final output: Figma design + prototype + handoff
• Allowance: Up to 5 unique page templates

Detailed scope of work

1. Discovery Session
   Review the business objective, audience, services, website requirements, existing materials and intended conversion actions
   Output: Discovery notes
   Allowance: 1 session, up to 90 minutes

2. Existing Website Review
   Review the existing website’s structure, content hierarchy, navigation and visible usability issues
   Output: Current-state observations
   Allowance: 1 website

3. Reference Review
   Review relevant competitor and reference websites to identify useful UX and design patterns
   Output: Reference observations
   Allowance: Up to 5 websites

4. Website Objective Definition
   Define the website’s primary business purpose, user actions and conversion priorities
   Output: Website-objective statement
   Allowance: 1 direction

5. Audience Definition
   Define the primary website audience, information needs and intended actions
   Output: Audience summary
   Allowance: Up to 2 audiences

6. Sitemap Planning
   Organise the website’s pages, navigation structure and page hierarchy
   Output: Visual sitemap
   Allowance: Up to 15 URLs

7. Page-Template Definition
   Identify which website pages require unique layouts and which can reuse an approved template
   Output: Template matrix
   Allowance: Up to 5 templates

8. Conversion-Path Planning
   Define how users move from entry pages to enquiry, contact, registration or another primary CTA
   Output: Conversion-flow map
   Allowance: 1 primary flow

9. Content Hierarchy
   Organise the supplied content into appropriate page sections and information priority
   Output: Page-content outlines
   Allowance: Up to 5 templates

10. Low-Fidelity Wireframes
    Create structural page layouts showing sections, content order, functionality and CTA placement
    Output: Desktop wireframes
    Allowance: Up to 5 templates

11. Wireframe Revisions
    Refine the structure and page flow based on consolidated client feedback
    Output: Approved wireframes
    Allowance: 2 rounds

12. Visual Design Direction
    Establish the interface mood, typography, colour application, imagery treatment and digital design principles
    Output: UI direction board
    Allowance: 1 direction

13. Homepage UI Design
    Design the primary homepage interface using the approved wireframe and visual direction
    Output: High-fidelity design
    Allowance: 1 page template

14. Inner-Page UI Design
    Design the approved internal page templates
    Output: High-fidelity designs
    Allowance: Up to 4 templates

15. Mobile Responsive Design
    Adapt the approved desktop interface into mobile layouts with appropriate hierarchy and interaction changes
    Output: Mobile designs
    Allowance: Up to 5 templates

16. Header & Navigation Design
    Design the desktop and mobile header, main navigation and menu states
    Output: Navigation system
    Allowance: 1 system

17. Footer Design
    Design the global footer, navigation links, contact information and CTA treatment
    Output: Footer system
    Allowance: 1 system

18. Form Design
    Design one standard enquiry, contact or lead-generation form
    Output: Form interface
    Allowance: 1 form

19. Reusable Component Design
    Design reusable buttons, cards, content blocks, labels, tabs and other common interface elements
    Output: UI component set
    Allowance: Standard set

20. Interaction States
    Define standard hover, active, selected, expanded and form states where applicable
    Output: Interaction guidance
    Allowance: Standard states

21. Basic Design System
    Document the approved colours, typography, spacing, buttons, fields and reusable components
    Output: Figma style guide
    Allowance: 1 system

22. Clickable Prototype
    Connect key screens to demonstrate navigation and the primary conversion flow
    Output: Figma prototype
    Allowance: 1 primary flow

23. UI Design Revisions
    Revise the interface based on consolidated client feedback without changing approved wireframes
    Output: Updated designs
    Allowance: 2 rounds

24. Developer Handoff
    Organise Figma components, styles, measurements and implementation notes for development
    Output: Handoff-ready Figma file
    Allowance: 1 package

25. Design QA
    Check layout consistency, responsive behaviour, spacing, component usage and handoff readiness
    Output: QA-approved designs
    Allowance: 1 check

26. Final Presentation
    Present the final UX/UI design, responsive behaviour and intended user journey
    Output: Online presentation
    Allowance: Up to 60 minutes

Service boundary

Work outside the stated deliverables or allowances is quoted separately and added to the Sales Order only after approval.