Simplifying referral and affiliate program, boosted revenue from conversions by 67%
Simplifying referral and affiliate program, boosted revenue from conversions by 67%
Simplifying referral and affiliate program, boosted revenue from conversions by 67%
Pandai
Pandai
TEAM
TEAM
Hamzah Hamizan / Product Manager
Wahidin Aji / Software Engineer
Hamzah Hamizan / Product Manager
Wahidin Aji / Software Engineer
Hamzah Hamizan / Product Manager
Wahidin Aji / Software Engineer
ROLE
ROLE
UX Designer
UX Designer
UX Designer
DURATION
DURATION
4 Months
4 Months
PROBLEM
PROBLEM
Low discoverability & fragmented experience
The referral and affiliate pages were separated, creating an inconsistent flow that made it difficult for users to find and understand how the program worked.
Unclear process to join and claim rewards
The steps to join and claim rewards were unclear and filled with jargon, and not tailored to the target audiences (students).
Low discoverability & fragmented experience
The referral and affiliate pages were separated, creating an inconsistent flow that made it difficult for users to find and understand how the program worked.
Unclear process to join and claim rewards
The steps to join and claim rewards were unclear and filled with jargon, and not tailored to the target audiences (students).
Low discoverability & fragmented experience
The referral and affiliate pages were separated, creating an inconsistent flow that made it difficult for users to find and understand how the program worked.
Unclear process to join and claim rewards
The steps to join and claim rewards were unclear and filled with jargon, and not tailored to the target audiences (students).
OUTCOME
OUTCOME
Unified the referral and affiliate experience under a single “Learn & Earn” menu, making the program easier to find and more consistent.
Redesigned the dashboard’s visual hierarchy to simplify content and clearly present earnings and invite status.
Enabled admin-editable fields so content can be updated flexibly, without relying on developers for future changes.
Introduced the feature in mobile app as a WebView, allowing users to share links, track their invites and improve feature awareness.
Unified the referral and affiliate experience under a single “Learn & Earn” menu, making the program easier to find and more consistent.
Redesigned the dashboard’s visual hierarchy to simplify content and clearly present earnings and invite status.
Enabled admin-editable fields so content can be updated flexibly, without relying on developers for future changes.
Introduced the feature in mobile app as a WebView, allowing users to share links, track their invites and improve feature awareness.
Unified the referral and affiliate experience under a single “Learn & Earn” menu, making the program easier to find and more consistent.
Redesigned the dashboard’s visual hierarchy to simplify content and clearly present earnings and invite status.
Enabled admin-editable fields so content can be updated flexibly, without relying on developers for future changes.
Introduced the feature in mobile app as a WebView, allowing users to share links, track their invites and improve feature awareness.
FINAL DESIGN
FINAL DESIGN
Responsive dashboard with unified navigation clearer content design
Responsive dashboard with unified navigation clearer content design
Responsive dashboard with unified navigation clearer content design
Both experience unified under “Learn & Earn” section, allow for users easily view invites and earnings in one place.
UX writing was improve for content accessibility and clarity
Integrated into mobile app as WebView to increase feature discoverability and usability.
Both experience unified under “Learn & Earn” section, allow for users easily view invites and earnings in one place.
UX writing was improve for content accessibility and clarity
Integrated into mobile app as WebView to increase feature discoverability and usability.
Both experience unified under “Learn & Earn” section, allow for users easily view invites and earnings in one place.
UX writing was improve for content accessibility and clarity
Integrated into mobile app as WebView to increase feature discoverability and usability.
IMPACTS
OUTCOMES
IMPACTS
IMPACTS
SOLUTIONS
SOLUTIONS
Streamlined access to Referral & Affiliate features
Streamlined access to Referral & Affiliate features
Streamlined access to Referral & Affiliate features
❌
❌
Referral and affiliate menu were placed separately, which confused users and made features feel disconnected.
The “Affiliate Program” label was too advanced for Pandai’s core audience of primary and high school students.
Referral and affiliate menu were placed separately, which confused users and made features feel disconnected.
The “Affiliate Program” label was too advanced for Pandai’s core audience of primary and high school students.
Referral and affiliate menu were placed separately, which confused users and made features feel disconnected.
The “Affiliate Program” label was too advanced for Pandai’s core audience of primary and high school students.
✅
✅
Both features were combined into a single experience, allowing users to view invited friends and earned rewards in one place.
The label was changed to “Learn & Earn” to better resonate with students by highlighting the idea of gaining rewards while learning.
Both features were combined into a single experience, allowing users to view invited friends and earned rewards in one place.
The label was changed to “Learn & Earn” to better resonate with students by highlighting the idea of gaining rewards while learning.
Both features were combined into a single experience, allowing users to view invited friends and earned rewards in one place.
The label was changed to “Learn & Earn” to better resonate with students by highlighting the idea of gaining rewards while learning.
Improved dashboard content & visual hierarchy
Improved dashboard content & visual hierarchy
Improved dashboard content & visual hierarchy
❌
❌
The UX writing not clearly reflect how referral and affiliate features worked, and the visual hierarchy made content hard to follow.
The earnings summary displayed unnecessary information and used terms like “payout,” which not appropriate for intended audience.
Too many sharing link options which can overwhelmed users and included platforms they were unlikely to use such as “Google Classroom".
The UX writing not clearly reflect how referral and affiliate features worked, and the visual hierarchy made content hard to follow.
The earnings summary displayed unnecessary information and used terms like “payout,” which not appropriate for intended audience.
Too many sharing link options which can overwhelmed users and included platforms they were unlikely to use such as “Google Classroom".
The UX writing not clearly reflect how referral and affiliate features worked, and the visual hierarchy made content hard to follow.
The earnings summary displayed unnecessary information and used terms like “payout,” which not appropriate for intended audience.
Too many sharing link options which can overwhelmed users and included platforms they were unlikely to use such as “Google Classroom".
✅
✅
The copy was rewritten to highlight benefits of the feature, and short explainer video was added to help users quickly understand how it works.
Invitation options and earnings summary were grouped together to making it easier for users to track their progress and share their links immediately.
Sharing options were narrowed down to the most relevant platforms to reduce clutter and help users focus on taking action.
The copy was rewritten to highlight benefits of the feature, and short explainer video was added to help users quickly understand how it works.
Invitation options and earnings summary were grouped together to making it easier for users to track their progress and share their links immediately.
Sharing options were narrowed down to the most relevant platforms to reduce clutter and help users focus on taking action.
The copy was rewritten to highlight benefits of the feature, and short explainer video was added to help users quickly understand how it works.
Invitation options and earnings summary were grouped together to making it easier for users to track their progress and share their links immediately.
Sharing options were narrowed down to the most relevant platforms to reduce clutter and help users focus on taking action.
Optimised user table list navigation
Optimised user table list navigation
Optimised user table list navigation
❌
❌
Invited users and affiliate users were shown on separate pages, disrupting the user flow and making it harder to track progress in one place.
Invited users and affiliate users were shown on separate pages, disrupting the user flow and making it harder to track progress in one place.
Invited users and affiliate users were shown on separate pages, disrupting the user flow and making it harder to track progress in one place.
✅
✅
A segmented control interface was added to allow users can easily switch between referral and affiliate lists on the same page, helping them stay focused and track their progress.
A segmented control interface was added to allow users can easily switch between referral and affiliate lists on the same page, helping them stay focused and track their progress.
A segmented control interface was added to allow users can easily switch between referral and affiliate lists on the same page, helping them stay focused and track their progress.
PROCESS
Task Flows
Task Flows
Task Flows
To familiarise myself with existing system and identify the user flow that can be intervene and improve along the way through a single lens of the user.
To familiarise myself with existing system and identify the user flow that can be intervene and improve along the way through a single lens of the user.
To familiarise myself with existing system and identify the user flow that can be intervene and improve along the way through a single lens of the user.
Product Roadmap
Product Roadmap
Product Roadmap
Planned and strategised product direction, breaking it down into small chunks to aid engineers in achieving realistic development timelines.
Planned and strategised product direction, breaking it down into small chunks to aid engineers in achieving realistic development timelines.
Planned and strategised product direction, breaking it down into small chunks to aid engineers in achieving realistic development timelines.
Competitor Analysis
Competitor Analysis
Competitor Analysis
Analysed local companies' successful rewards systems in increasing their product engagement and to inform the identify insights into design solutions.
Analysed local companies' successful rewards systems in increasing their product engagement and to inform the identify insights into design solutions.
Analysed local companies' successful rewards systems in increasing their product engagement and to inform the identify insights into design solutions.
REFLECTIONS
REFLECTIONS
What did I learn?
What did I learn?
What did I learn?
Working on this project made me rethink design strategies to simplify feature access through clearer navigation and visual hierarchy, all while maintaining compatibility with existing systems.
The project also open my eye towards the value of clear UX Writing in helping users understand and engage with product effectively.
Working on this project made me rethink design strategies to simplify feature access through clearer navigation and visual hierarchy, all while maintaining compatibility with existing systems.
The project also open my eye towards the value of clear UX Writing in helping users understand and engage with product effectively.
Working on this project made me rethink design strategies to simplify feature access through clearer navigation and visual hierarchy, all while maintaining compatibility with existing systems.
The project also open my eye towards the value of clear UX Writing in helping users understand and engage with product effectively.