{"product_id":"corporate-website-ux-ui-design","title":"Corporate Website UX\/UI Design","description":"\u003cp\u003e\u003cstrong\u003eService fee:\u003c\/strong\u003e RM12,000 per website; up to 5 unique page templates\u003c\/p\u003e\u003cp\u003eUX planning and responsive interface design for a conversion-focused corporate or B2B website\u003c\/p\u003e\u003ch3\u003eFinal deliverable\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFinal output:\u003c\/strong\u003e Figma design + prototype + handoff\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAllowance:\u003c\/strong\u003e Up to 5 unique page templates\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eDetailed scope of work\u003c\/h3\u003e\u003col\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eDiscovery Session\u003c\/strong\u003e\u003cbr\u003eReview the business objective, audience, services, website requirements, existing materials and intended conversion actions\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Discovery notes\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e 1 session, up to 90 minutes\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eExisting Website Review\u003c\/strong\u003e\u003cbr\u003eReview the existing website’s structure, content hierarchy, navigation and visible usability issues\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Current-state observations\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e 1 website\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eReference Review\u003c\/strong\u003e\u003cbr\u003eReview relevant competitor and reference websites to identify useful UX and design patterns\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Reference observations\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e Up to 5 websites\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eWebsite Objective Definition\u003c\/strong\u003e\u003cbr\u003eDefine the website’s primary business purpose, user actions and conversion priorities\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Website-objective statement\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e 1 direction\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eAudience Definition\u003c\/strong\u003e\u003cbr\u003eDefine the primary website audience, information needs and intended actions\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Audience summary\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e Up to 2 audiences\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eSitemap Planning\u003c\/strong\u003e\u003cbr\u003eOrganise the website’s pages, navigation structure and page hierarchy\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Visual sitemap\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e Up to 15 URLs\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003ePage-Template Definition\u003c\/strong\u003e\u003cbr\u003eIdentify which website pages require unique layouts and which can reuse an approved template\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Template matrix\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e Up to 5 templates\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eConversion-Path Planning\u003c\/strong\u003e\u003cbr\u003eDefine how users move from entry pages to enquiry, contact, registration or another primary CTA\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Conversion-flow map\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e 1 primary flow\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eContent Hierarchy\u003c\/strong\u003e\u003cbr\u003eOrganise the supplied content into appropriate page sections and information priority\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Page-content outlines\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e Up to 5 templates\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eLow-Fidelity Wireframes\u003c\/strong\u003e\u003cbr\u003eCreate structural page layouts showing sections, content order, functionality and CTA placement\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Desktop wireframes\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e Up to 5 templates\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eWireframe Revisions\u003c\/strong\u003e\u003cbr\u003eRefine the structure and page flow based on consolidated client feedback\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Approved wireframes\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e 2 rounds\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eVisual Design Direction\u003c\/strong\u003e\u003cbr\u003eEstablish the interface mood, typography, colour application, imagery treatment and digital design principles\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e UI direction board\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e 1 direction\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eHomepage UI Design\u003c\/strong\u003e\u003cbr\u003eDesign the primary homepage interface using the approved wireframe and visual direction\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e High-fidelity design\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e 1 page template\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eInner-Page UI Design\u003c\/strong\u003e\u003cbr\u003eDesign the approved internal page templates\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e High-fidelity designs\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e Up to 4 templates\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eMobile Responsive Design\u003c\/strong\u003e\u003cbr\u003eAdapt the approved desktop interface into mobile layouts with appropriate hierarchy and interaction changes\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Mobile designs\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e Up to 5 templates\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eHeader \u0026amp; Navigation Design\u003c\/strong\u003e\u003cbr\u003eDesign the desktop and mobile header, main navigation and menu states\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Navigation system\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e 1 system\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eFooter Design\u003c\/strong\u003e\u003cbr\u003eDesign the global footer, navigation links, contact information and CTA treatment\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Footer system\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e 1 system\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eForm Design\u003c\/strong\u003e\u003cbr\u003eDesign one standard enquiry, contact or lead-generation form\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Form interface\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e 1 form\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eReusable Component Design\u003c\/strong\u003e\u003cbr\u003eDesign reusable buttons, cards, content blocks, labels, tabs and other common interface elements\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e UI component set\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e Standard set\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eInteraction States\u003c\/strong\u003e\u003cbr\u003eDefine standard hover, active, selected, expanded and form states where applicable\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Interaction guidance\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e Standard states\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eBasic Design System\u003c\/strong\u003e\u003cbr\u003eDocument the approved colours, typography, spacing, buttons, fields and reusable components\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Figma style guide\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e 1 system\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eClickable Prototype\u003c\/strong\u003e\u003cbr\u003eConnect key screens to demonstrate navigation and the primary conversion flow\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Figma prototype\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e 1 primary flow\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eUI Design Revisions\u003c\/strong\u003e\u003cbr\u003eRevise the interface based on consolidated client feedback without changing approved wireframes\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Updated designs\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e 2 rounds\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eDeveloper Handoff\u003c\/strong\u003e\u003cbr\u003eOrganise Figma components, styles, measurements and implementation notes for development\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Handoff-ready Figma file\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e 1 package\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eDesign QA\u003c\/strong\u003e\u003cbr\u003eCheck layout consistency, responsive behaviour, spacing, component usage and handoff readiness\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e QA-approved designs\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e 1 check\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eFinal Presentation\u003c\/strong\u003e\u003cbr\u003ePresent the final UX\/UI design, responsive behaviour and intended user journey\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Online presentation\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e Up to 60 minutes\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ol\u003e\u003ch3\u003eService boundary\u003c\/h3\u003e\u003cp\u003eWork outside the stated deliverables or allowances is quoted separately and added to the Sales Order only after approval.\u003c\/p\u003e","brand":"Foxar Athon","offers":[{"title":"Default Title","offer_id":47969976254642,"sku":"WEB001","price":12000.0,"currency_code":"MYR","in_stock":true}],"url":"https:\/\/www.foxarathon.com\/products\/corporate-website-ux-ui-design","provider":"Foxar Athon","version":"1.0","type":"link"}