{"product_id":"web-portal-user-flow-ux-ui-design","title":"Web Portal User Flow: UX\/UI Design","description":"\u003cp\u003e\u003cstrong\u003eService fee:\u003c\/strong\u003e RM12,000 per user flow\u003c\/p\u003e\n\u003cp\u003eUX planning and responsive interface design for one defined end-to-end functional journey within a web portal.\u003c\/p\u003e\n\u003ch3\u003eFinal deliverable\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFinal output:\u003c\/strong\u003e User-flow map, responsive Figma screens, clickable prototype and developer handoff\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAllowance:\u003c\/strong\u003e 1 flow, 1 user type and up to 10 unique screens\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eDetailed scope of work\u003c\/h3\u003e\n\u003col\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eFlow Discovery Workshop\u003c\/strong\u003e\u003cbr\u003eClarify the user, business objective, starting point, completion outcome, requirements and known constraints.\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Discovery notes\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e Up to 90 minutes\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eUser \u0026amp; Objective Definition\u003c\/strong\u003e\u003cbr\u003eDefine the primary user, intended task and successful completion criteria.\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Flow objective\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e 1 user type + 1 objective\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eRequirement Review\u003c\/strong\u003e\u003cbr\u003eReview client-supplied functional requirements, fields, business rules and technical constraints.\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Requirement summary\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e 1 flow\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eUser-Flow Mapping\u003c\/strong\u003e\u003cbr\u003eMap the complete journey from entry to the primary completion outcome.\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e User-flow diagram\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e 1 end-to-end journey\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eDecision \u0026amp; Exception Mapping\u003c\/strong\u003e\u003cbr\u003eDefine standard decision points, validation, error, empty and success states.\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e State map\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e Standard states\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eLow-Fidelity Wireframes\u003c\/strong\u003e\u003cbr\u003eDesign the structure, information hierarchy and interactions for the approved flow.\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Wireframes\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e Up to 10 unique screens\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eResponsive UI Design\u003c\/strong\u003e\u003cbr\u003eApply the approved visual system to desktop and mobile layouts.\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e High-fidelity screens\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e Up to 10 unique screens\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eClickable Prototype\u003c\/strong\u003e\u003cbr\u003eConnect the approved screens to demonstrate the primary journey and standard states.\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Figma prototype\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e 1 flow\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eConsolidated Revisions\u003c\/strong\u003e\u003cbr\u003eApply consolidated client feedback without expanding the approved flow.\u003cbr\u003e\u003cstrong\u003eOutput:\u003c\/strong\u003e Updated design\u003cbr\u003e\u003cstrong\u003eAllowance:\u003c\/strong\u003e 2 wireframe rounds + 2 UI rounds\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eDeveloper Handoff\u003c\/strong\u003e\u003cbr\u003ePrepare components, states, measurements and implementation notes.\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\u003c\/ol\u003e\n\u003ch3\u003eService boundary\u003c\/h3\u003e\n\u003cp\u003eOne flow has one defined starting point and one primary completion outcome. Additional journeys, roles, screens, research, development and backend logic are separately scoped.\u003c\/p\u003e","brand":"Foxar Athon","offers":[{"title":"Default Title","offer_id":47973798215858,"sku":"WEB003","price":12000.0,"currency_code":"MYR","in_stock":true}],"url":"https:\/\/www.foxarathon.com\/products\/web-portal-user-flow-ux-ui-design","provider":"Foxar Athon","version":"1.0","type":"link"}