Design System

Building on the core affordances and our target audience's needs, I structured Shang Yu’s design system around its foundational values of accessibility, expertise, comprehension, and reliability, belonging and encouragement. These principles inform every aspect of the app’s design and user experience.

Color: A color palette inspired by the tones of lakes and rivers creates a tranquil and harmonious visual experience. With the highlighted neon green, it introduces a vibrant and modern twist that resonates with a younger user group.

Typography: With its smooth curves and consistent proportions. the Alibaba PuHui typeface embodies modern simplicity and accessibility, reflecting Shang Yu’s core value of efficiency by ensuring clarity and readability across all interfaces.

Overall Style: modern, vibrant, minimalist, youthful.



















Task Flow & Wireframe
On-boarding





Keep contact with friends




Post a catch




Find a right spot to fish






Shoping Online