Context

Yonyou developed a SaaS-based system for Yili Group. To further enhance business flexibility, Yili requires a transition from a web-based dashboard to a mobile platform.

Business Goals

The project aims to expand business scenarios and enhance enterprise management flexibility.

My roles

Directly collaborated with the PM to align business needs with design solutions while actively communicating with my mentor to refine design decisions.

01 Design Objectives

Business side

Expand business scenarios
Enhance enterprise management flexibility

Design side

Optimize Mobile Experience – Adapt the web dashboard for a seamless mobile experience, ensuring intuitive navigation and interaction.
Enhance Data Visualization – Maintain clarity and readability while optimizing charts and metrics for smaller screens.
Ensure UI Consistency – Align with the existing design system for a cohesive multi-platform experience.

02 Information layout

Filter

Overview

Statistic Graphic

To adapt the web dashboard for mobile, the information layout was restructured by prioritizing key insights, and optimizing data visualization for better readability.

Added

Actions

Key Insights

Detailed Data

Banner

Tab

Filter

Overview

Statistic Graphics

03 Information Display

Solution 1

Solution 2

Solution 3

Different layout solutions were explored to optimize the display of key metrics on mobile. Various arrangements of data grouping, emphasis, and visual hierarchy were tested.

Final solution

04 AIGC Banner Generate

To enhance visual consistency and efficiency, AI-generated banners were created using Midjourney and further refined in Photoshop. This approach enables reducing manual design workload.