ᱵᱤᱥᱚᱭ ᱨᱮ ᱪᱟᱞᱟᱜ ᱢᱮ
Zhongnan Huang ᱨᱮᱱᱟᱜ Together Better ᱢᱩᱠᱷᱭᱚ ᱠᱟᱹᱢᱤ: ᱢᱳᱵᱟᱭᱤᱞ ᱮᱯᱞᱤᱠᱮᱥᱚᱱ

Zhongnan Huang ᱨᱮᱱᱟᱜ Together Better ᱢᱩᱠᱷᱭᱚ ᱠᱟᱹᱢᱤ: ᱢᱳᱵᱟᱭᱤᱞ ᱮᱯᱞᱤᱠᱮᱥᱚᱱ ᱫᱚ ᱤᱱᱴᱟᱨᱯᱷᱮᱥ, ᱤᱱᱴᱟᱨᱮᱠᱥᱚᱱ ᱟᱨ ᱵᱮᱵᱦᱟᱨᱤᱭᱟᱹ ᱟᱱᱩᱵᱷᱟᱵ ᱰᱤᱡᱟᱭᱤᱱ ᱯᱨᱚᱛᱤᱡᱚᱜᱤᱛᱟ ᱵᱷᱟᱜ ᱨᱮ 2021 A' Design Award ᱨᱩᱯᱟ ᱯᱩᱨᱚᱥᱠᱟᱨ ᱨᱮᱱᱟᱜ ᱟᱹᱰᱤ ᱢᱟᱱ ᱟᱠᱟᱱ ᱡᱤᱛᱠᱟᱨ ᱠᱟᱱᱟ᱾


ᱨᱩᱯᱟᱤᱱᱴᱟᱨᱯᱷᱮᱥ· 2021

Together Better ᱢᱩᱠᱷᱭᱚ ᱠᱟᱹᱢᱤ: ᱢᱳᱵᱟᱭᱤᱞ ᱮᱯᱞᱤᱠᱮᱥᱚᱱ

Zhongnan Huang ᱞᱮᱠᱟᱛᱮ

ᱜᱟᱦᱟᱠ: Zhongnan Huang

ᱤᱱᱴᱟᱨᱯᱷᱮᱥ ᱵᱷᱟᱜ ᱨᱮ A' Design Award ᱨᱩᱯᱟ ᱯᱩᱨᱚᱥᱠᱟᱨ ᱡᱤᱛᱠᱟᱨ

37,097

ᱡᱟᱸᱪ ᱟᱠᱟᱱ ᱮᱣᱟᱨᱰ ᱡᱤᱛᱠᱟᱨ

#110708 ᱞᱟᱜᱤᱫ ᱮᱣᱟᱨᱰ ᱦᱟᱞᱚᱛ ᱡᱟᱸᱪ

ᱨᱚᱝ

ᱰᱤᱡᱟᱭᱤᱱ

Together Better ᱢᱩᱠᱷᱭᱚ ᱠᱟᱹᱢᱤ: ᱢᱳᱵᱟᱭᱤᱞ ᱮᱯᱞᱤᱠᱮᱥᱚᱱ ᱵᱟᱵᱚᱛ ᱛᱮ

ᱴᱩᱜᱮᱫᱚᱨ ᱵᱮᱴᱚᱨ ᱫᱚ ᱢᱮᱴ ᱜᱟᱛᱮ ᱠᱚ ᱥᱟᱶ ᱪᱷᱩᱴᱤ ᱥᱮ ᱟᱨᱟᱢ ᱨᱮᱭᱟᱜ ᱚᱰᱚᱠ ᱠᱚ ᱵᱟᱰᱷᱟᱣ ᱞᱟᱹᱜᱤᱫ ᱛᱮ ᱛᱮᱭᱟᱨ ᱟᱠᱟᱱ ᱢᱤᱫ ᱢᱳᱵᱟᱭᱤᱞ ᱮᱯᱞᱤᱠᱮᱥᱚᱱ ᱠᱟᱱᱟ ᱾ ᱯᱞᱟᱱ ᱠᱚ ᱛᱮᱭᱟᱨ ᱫᱟᱲᱮᱭᱟᱜ-ᱟ, ᱢᱮᱴ ᱦᱚᱸ ᱴᱷᱟᱶ ᱠᱚ ᱥᱮᱴ ᱫᱟᱲᱮᱭᱟᱜ-ᱟ, ᱟᱨ ᱢᱤᱫ ᱴᱷᱟᱶ ᱨᱮ ᱛᱮᱯᱮᱫᱚᱜ ᱞᱟᱹᱜᱤᱫ ᱱᱮᱵᱷᱤᱜᱮᱥᱚᱱ ᱦᱚᱸ ᱢᱤᱫᱴᱮᱱᱟᱜ ᱮᱯᱞᱤᱠᱮᱥᱚᱱ ᱵᱷᱤᱛᱨᱤ ᱨᱮ ᱮᱢ ᱚᱜ-ᱟ, ᱚᱱᱟᱛᱮ ᱵᱮᱵᱷᱟᱨᱤᱭᱟᱹ ᱠᱚ ᱛᱮ ᱟᱞᱜᱟ ᱟᱞᱜᱟ ᱮᱯᱞᱤᱠᱮᱥᱚᱱ ᱛᱟᱞᱟ ᱨᱮ ᱚᱛ-ᱩᱛ ᱵᱟᱝ ᱞᱟᱹᱠᱛᱤᱭᱟᱜ-ᱟ ᱾ ᱯᱩᱱ ᱴᱷᱮᱱ ᱫᱚ ᱱᱚᱶᱟ ᱚᱱᱚᱞᱮᱴ ᱠᱚ ᱥᱟᱡᱟᱣ ᱮᱫᱟ: ᱯᱞᱮ, ᱞᱚᱠᱮᱥᱚᱱ, ᱯᱞᱟᱱ ᱟᱨ ᱡᱟᱱᱟᱢ ᱠᱟᱛᱷᱟ ᱾ ᱦᱟᱹᱴᱤᱧ ᱟᱠᱟᱱ ᱚᱠᱛᱳ ᱟᱨ ᱛᱮᱭᱟᱨ ᱦᱩᱭ ᱟᱠᱟᱱ ᱚᱰᱚᱠ ᱠᱚ ᱦᱚᱸ ᱧᱮᱞ ᱫᱟᱲᱮᱭᱟᱜ-ᱟ ᱾ ᱠᱷᱟᱛᱮ ᱴᱷᱟᱶ ᱨᱮᱭᱟᱜ ᱠᱷᱚᱵᱚᱨ ᱨᱮᱭᱟᱜ ᱰᱤᱡᱤᱴᱟᱞ ᱟᱹᱭᱫᱟᱨ ᱠᱚᱢ ᱞᱟᱹᱜᱤᱫ ᱴᱷᱮᱱ ᱫᱮᱠᱷᱟᱣ ᱫᱤᱡᱟᱭᱤᱱ ᱫᱚ ᱱᱤᱭᱳᱢᱚᱨᱯᱷᱤᱡᱚᱢ ᱥᱴᱟᱭᱤᱞ, ᱡᱟᱦᱟᱸᱭ ᱠᱚ ᱥᱚᱯᱷᱴ ᱭᱩᱡᱚᱨ ᱤᱱᱴᱚᱨᱯᱷᱮᱥ ᱦᱚᱸ ᱢᱮᱛᱟᱜ-ᱟ, ᱚᱱᱟ ᱵᱮᱵᱷᱟᱨ ᱮᱫᱟ ᱾

ᱢᱟᱱᱟᱱ

A' Design Award ᱨᱩᱯᱟ ᱯᱩᱨᱚᱥᱠᱟᱨ ᱵᱟᱵᱚᱛ ᱛᱮ

Together Better ᱢᱩᱠᱷᱭᱚ ᱠᱟᱹᱢᱤ: ᱢᱳᱵᱟᱭᱤᱞ ᱮᱯᱞᱤᱠᱮᱥᱚᱱ ᱫᱚ A' Design Award ᱨᱩᱯᱟ ᱯᱩᱨᱚᱥᱠᱟᱨ ᱧᱟᱢ ᱟᱠᱟᱱᱟ, ᱱᱚᱶᱟ ᱫᱚ ᱥᱩᱱᱫᱚᱨ ᱟᱨ ᱵᱷᱟᱞᱟᱭ ᱰᱤᱡᱟᱭᱤᱱ ᱠᱚ ᱞᱟᱹᱜᱤᱫ ᱮᱢ ᱟᱠᱟᱱ ᱥᱚᱢᱟᱱ ᱠᱟᱱᱟ᱾ ᱱᱚᱶᱟ ᱠᱚ ᱫᱚ ᱰᱤᱡᱟᱭᱤᱱᱟᱨ ᱠᱚ ᱨᱮᱭᱟᱜ ᱵᱷᱟᱵᱱᱟ ᱟᱨ ᱵᱷᱟᱞᱟᱭ ᱠᱟᱢᱤ ᱡᱷᱟᱞᱠᱟᱣ ᱠᱚ᱾ Together Better ᱢᱩᱠᱷᱭᱚ ᱠᱟᱹᱢᱤ: ᱢᱳᱵᱟᱭᱤᱞ ᱮᱯᱞᱤᱠᱮᱥᱚᱱ ᱫᱚ ᱠᱚᱞᱟ, ᱣᱤᱜᱭᱟᱱ, ᱰᱤᱡᱟᱭᱤᱱ ᱟᱨ ᱴᱮᱠᱱᱚᱞᱚᱡᱤ ᱨᱮᱭᱟᱜ ᱥᱤᱢᱟ ᱵᱟᱲᱦᱟᱣ ᱟᱨ ᱫᱩᱱᱤᱭᱟ ᱵᱷᱟᱞᱟᱭ ᱞᱟᱹᱜᱤᱫ ᱜᱚᱲᱚ ᱮᱢ ᱠᱟᱱᱟ᱾

ᱰᱤᱡᱟᱭᱤᱱ ᱯᱤᱪᱷᱟ ᱨᱮ

ᱯᱨᱮᱥ ᱠᱤᱴ

ᱰᱤᱡᱟᱭᱤᱱᱟᱨ ᱧᱮᱞ ᱠᱷᱚᱱ ᱠᱨᱮᱰᱤᱴ, ᱴᱤᱢ ᱥᱫᱚᱥᱭ ᱟᱨ ᱴᱮᱠᱱᱤᱠᱮᱞ ᱵᱤᱵᱚᱨᱚᱬ ᱮᱢ ᱟᱠᱟᱱᱟ᱾

ᱟᱞᱜᱟ ᱜᱩᱱ ᱠᱚ
The project provides a better play experience with friends for users by an App. Make play plans, navigate to meetings, share the mood of play, and can be done through this app without switching back and forth between several apps. Because the content of this app is information about the physical world, including attractions, maps, etc. So, Neomorphism(Soft UI) style is used to reduce the digital sense in the visual design.
ᱢᱟᱯ ᱟᱨ ᱯᱮᱠᱮᱡᱤᱝ
Responsive mobile UI/UX design for an App which provides a better play experience with friends.
ᱴᱮᱜ ᱠᱚ
play, Mobile, Application, UI, UX, Mobile app, Travel, Neomorphism
ᱛᱮᱭᱟᱨ ᱛᱮᱠᱱᱚᱞᱚᱡᱤ
The user interface of this App was designed in Sketch, Adobe Illustrator and Adobe Photoshop.
ᱰᱤᱡᱟᱭᱱ ᱪᱮᱞᱮᱧ
The most challenging and creative challenge is how to let users deal with complicated things in a natural and simple way.
ᱜᱚᱵᱮᱥᱚᱱᱟ
Before beginning the design, we interviewed 70 people to understand the problems for them during play with friends. Then, we researched market observation and analyze the applications that customers installed on their phones. At last, we had completed the design of visual and interactive logic under various UX Research methodologies.
ᱯᱨᱮᱨᱚᱱᱟ
My inspiration for this project comes from the experience of my friends coming to my city to play. We use WhatsApp to talk, map to navigate, TripAdvisor to check the attractions, and notes to record our plans. It is troublesome. So I want to design an App to improve this problem.
ᱯᱨᱚᱡᱮᱠᱴ ᱥᱚᱢᱚᱭ
The project started in September 2019 in HangZhou and finished in April 2020 in HangZhou.
ᱠᱟᱹᱢᱤ ᱦᱚᱨ
In "Play" page, users can browse their play dates on different dates, chat with friends, check plan and the weather by a simple tap on the screen. In "Location" page, users can set a rendezvous and navigate to it. In "Plan" page, users can make their play plan. In "Information" page, users can browse the moments they shared and the histories.
ᱴᱤᱢ ᱥᱮᱫᱟᱭ ᱠᱚ
Zi Zheng
ᱪᱤᱛᱟᱹᱨ ᱥᱟᱹᱦᱟ
Image #1: Designer/Illustrator/Creator Zhongnan Huang, 2020
Optional Image #2: Designer/Illustrator/Creator Zhongnan Huang, 2020
Optional Image #3: Designer/Illustrator/Creator Zhongnan Huang, 2020
Optional Image #4: Designer/Illustrator/Creator Zhongnan Huang, 2020
Optional Image #5: Designer/Illustrator/Creator Zhongnan Huang, 2020

ᱥᱯᱚᱱᱥᱚᱨᱰ

Designers.org ᱠᱷᱚᱱ ᱯᱟᱨᱚᱢ ᱛᱟᱞᱟᱥ

ᱟᱞᱮᱭᱟᱜ ᱵᱤᱜᱽᱭᱟᱯᱚᱱ ᱥᱟᱹᱜᱟᱹᱭ ᱠᱚ ᱠᱷᱚᱱ ᱯᱨᱚᱰᱟᱠᱴ, ᱥᱮᱵᱟ ᱟᱨ ᱢᱚᱠᱟ ᱩᱫᱩᱜ ᱢᱮ᱾

ᱟᱨᱦᱚᱸ ᱠᱷᱚᱡ ᱢᱮ

ᱥᱟᱹᱜᱟᱹᱭ ᱰᱤᱡᱟᱭᱤᱱ ᱠᱚ

ᱢᱤᱫ ᱞᱮᱠᱟ ᱠᱮᱴᱮᱜᱚᱨᱤ ᱠᱷᱚᱱ ᱟᱨᱦᱚᱸ ᱯᱩᱨᱥᱠᱟᱨ ᱧᱟᱢᱟᱠᱟᱱ ᱰᱤᱡᱟᱭᱤᱱ ᱠᱚ ᱧᱮᱞ ᱢᱮ, ᱡᱚᱜᱭᱟᱛᱟ ᱧᱮᱞ ᱛᱮ ᱵᱟᱪᱷᱟᱣ ᱟᱠᱟᱱᱟ᱾

ᱵᱷᱟᱞ ᱰᱤᱡᱟᱭᱱ ᱢᱟᱨᱟᱝ ᱪᱤᱱᱦᱟᱹ ᱦᱟᱛᱟᱣ ᱞᱟᱹᱠᱛᱤᱭᱟᱜᱼᱟ

A' ᱰᱤᱡᱟᱭᱱ ᱮᱣᱟᱨᱰ ᱫᱚ ᱵᱷᱟᱞ ᱰᱤᱡᱟᱭᱱ ᱞᱟᱜᱤᱫ ᱢᱤᱫ ᱟᱱᱛᱚᱨᱡᱟᱛᱤᱭ, ᱡᱩᱨᱤ ᱵᱤᱪᱟᱨ ᱠᱟᱱ ᱢᱟᱱ ᱠᱟᱱᱟ᱾ A' ᱰᱤᱡᱟᱭᱱ ᱮᱣᱟᱨᱰ ᱨᱮ ᱵᱷᱟᱜ ᱞᱮ ᱟᱢᱟᱜ ᱠᱟᱹᱢᱤ ᱞᱟᱜᱤᱫ ᱡᱚᱜᱽᱭᱟᱛᱟ ᱨᱮᱱᱟᱜ ᱪᱤᱱᱦᱟᱹ, ᱱᱟᱢ, ᱢᱟᱱ ᱟᱨ ᱯᱨᱪᱟᱨ ᱧᱟᱢ ᱞᱟᱜᱤᱫ᱾ ᱟᱢᱟᱜ ᱠᱟᱹᱢᱤ A' ᱰᱤᱡᱟᱭᱱ ᱮᱣᱟᱨᱰ ᱞᱟᱜᱤᱫ ᱱᱚᱢᱤᱱᱮᱴ ᱠᱟᱛᱮ ᱢᱟᱱ ᱟᱠᱟᱱ A' ᱰᱤᱡᱟᱭᱱ ᱯᱩᱨᱟᱥᱠᱟᱨ ᱞᱟᱜᱤᱫ ᱯᱨᱚᱛᱤᱡᱚᱜᱤᱛᱟ ᱢᱮ᱾

ᱱᱚᱢᱤᱱᱮᱴ