ALIFA EDUCATION PLATFORM
ALIFA EDUCATION PLATFORM
ALIFA EDUCATION PLATFORM helps international families in China find the right schools for their children. I joined as a Product Designer to craft its visual system and key pages for a cohesive experience.
Overview Project
Alifa International School Database centralizes information about international schools in China, providing reviews, insights, and recommendations to help families choose the best educational fit for their children.
summary
In 2025, I joined ALIFA International School Database as a Product Designer, focusing on building its design system and creating core interface pages to deliver a consistent and user-friendly experience for international families.
Duration
5 months
Product Designer
System Designer
ALIFA EDUCATION PLATFORM helps international families in China find the right schools for their children. I joined as a Product Designer to craft its visual system and key pages for a cohesive experience.
Overview Project
Alifa International School Database centralizes information about international schools in China, providing reviews, insights, and recommendations to help families choose the best educational fit for their children.
summary
In 2025, I joined ALIFA International School Database as a Product Designer, focusing on building its design system and creating core interface pages to deliver a consistent and user-friendly experience for international families.
Duration
5 months
Product Designer
System Designer
challenges
The platform lacked visual consistency — fonts, colors, and components varied across pages, making the product feel fragmented and unprofessional.
Solutions
Established a unified design system with clear guidelines for typography, color, spacing, and components. Designed key website pages using this system to ensure visual harmony and usability across the platform.
IMPACTS
Improved brand consistency, simplified developer handoff, and created a scalable design foundation for future features.
looking ahead
Expanding the system to cover mobile and admin dashboards, ensuring a cohesive experience across all touchpoints.
challenges
The platform lacked visual consistency — fonts, colors, and components varied across pages, making the product feel fragmented and unprofessional.
Solutions
Established a unified design system with clear guidelines for typography, color, spacing, and components. Designed key website pages using this system to ensure visual harmony and usability across the platform.
IMPACTS
Improved brand consistency, simplified developer handoff, and created a scalable design foundation for future features.
looking ahead
Expanding the system to cover mobile and admin dashboards, ensuring a cohesive experience across all touchpoints.
FINAL SCREEN
Exchange Program Page
FINAL SCREEN
Landing Page
FINAL SCREEN
Font Size Guide
FINAL SCREEN
Color & Button Guide
FINAL SCREEN
Aligned font and color system with design guidelines on WEB
FINAL SCREEN
Aligned font and color system with design guidelines on MOBILE
FINAL SCREEN
Exchange Program Page
FINAL SCREEN
Landing Page
FINAL SCREEN
Font Size Guide
FINAL SCREEN
Color & Button Guide
FINAL SCREEN
Aligned font and color system with design guidelines on WEB
FINAL SCREEN
Aligned font and color system with design guidelines on MOBILE
FINAL SCREEN
Exchange Program Page
FINAL SCREEN
Landing Page
FINAL SCREEN
Font Size Guide
FINAL SCREEN
Color & Button Guide
FINAL SCREEN
Aligned font and color system with design guidelines on WEB
FINAL SCREEN
Aligned font and color system with design guidelines on MOBILE
FINAL SCREEN
Exchange Program Page
FINAL SCREEN
Landing Page
FINAL SCREEN
Font Size Guide
FINAL SCREEN
Color & Button Guide
FINAL SCREEN
Aligned font and color system with design guidelines on WEB
FINAL SCREEN
Aligned font and color system with design guidelines on MOBILE
FINAL SCREEN
Exchange Program Page
FINAL SCREEN
Landing Page
FINAL SCREEN
Font Size Guide
FINAL SCREEN
Color & Button Guide
FINAL SCREEN
Aligned font and color system with design guidelines on WEB
FINAL SCREEN
Aligned font and color system with design guidelines on MOBILE
FINAL SCREEN
Exchange Program Page
FINAL SCREEN
Landing Page
FINAL SCREEN
Font Size Guide
FINAL SCREEN
Color & Button Guide
FINAL SCREEN
Aligned font and color system with design guidelines on WEB
FINAL SCREEN
Aligned font and color system with design guidelines on MOBILE
FINAL SCREEN
Exchange Program Page
FINAL SCREEN
Landing Page
FINAL SCREEN
Font Size Guide
FINAL SCREEN
Color & Button Guide
FINAL SCREEN
Aligned font and color system with design guidelines on WEB
FINAL SCREEN
Aligned font and color system with design guidelines on MOBILE
FINAL SCREEN
Exchange Program Page
FINAL SCREEN
Landing Page
FINAL SCREEN
Font Size Guide
FINAL SCREEN
Color & Button Guide
FINAL SCREEN
Aligned font and color system with design guidelines on WEB
FINAL SCREEN
Aligned font and color system with design guidelines on MOBILE
FINAL SCREEN
Exchange Program Page
FINAL SCREEN
Landing Page
FINAL SCREEN
Font Size Guide
FINAL SCREEN
Color & Button Guide
FINAL SCREEN
Aligned font and color system with design guidelines on WEB
FINAL SCREEN
Aligned font and color system with design guidelines on MOBILE
FINAL SCREEN
Exchange Program Page
FINAL SCREEN
Landing Page
FINAL SCREEN
Font Size Guide
FINAL SCREEN
Color & Button Guide
FINAL SCREEN
Aligned font and color system with design guidelines on WEB
FINAL SCREEN
Aligned font and color system with design guidelines on MOBILE
FINAL SCREEN
Exchange Program Page
FINAL SCREEN
Landing Page
FINAL SCREEN
Font Size Guide
FINAL SCREEN
Color & Button Guide
FINAL SCREEN
Aligned font and color system with design guidelines on WEB
FINAL SCREEN
Aligned font and color system with design guidelines on MOBILE
FINAL SCREEN
Exchange Program Page
FINAL SCREEN
Landing Page
FINAL SCREEN
Font Size Guide
FINAL SCREEN
Color & Button Guide
FINAL SCREEN
Aligned font and color system with design guidelines on WEB
FINAL SCREEN
Aligned font and color system with design guidelines on MOBILE