Swag Sauce
Keywords:
UX Design
Prototype
Concept
身体直播！如何穿社交媒体来增加一个人的气势？
How can literally wearing social media contribute to raise a person’s swag?
打造一个街头时装系列：脸书我很敏感，Instagram 网络老公。
Design Solution:
I crafted a collection of street wear looks that are curated and animated with social media posts. The looks are intended to raise a person’s “swag” style and project confidence.
Filled with humor. Let’s make social media empowering.
Viral.
How can literally wearing social media contribute to raise a person’s swag?
打造一个街头时装系列：脸书我很敏感，Instagram 网络老公。
Design Solution:
I crafted a collection of street wear looks that are curated and animated with social media posts. The looks are intended to raise a person’s “swag” style and project confidence.
Filled with humor. Let’s make social media empowering.
Viral.
.
Index
1. Social Media + Walk
设计媒体遇上Swagger🚶走路姿势
2. Creative Campaign (Instagram Story)
一步一步变成街头大佬
3.UX Design (Make social media wearable&fashionable)
4. Lookbook (Pair it with other streetwear)
5.Visual Research
视觉语言文化研究
设计媒体遇上Swagger🚶走路姿势
2. Creative Campaign (Instagram Story)
一步一步变成街头大佬
3.UX Design (Make social media wearable&fashionable)
4. Lookbook (Pair it with other streetwear)
5.Visual Research
视觉语言文化研究
.
社交媒体上的人设，当你穿起来的时候是否还是一样的炫酷？谁更炫酷？
Can your social media manner echo an “attitude” when you wear it on the street? This social media look holds an open conversation between a social media swagger, a physical swagger and my Swag Sauce participants. Who has more sauce?
I curated some social media feeds to make you stand out. Learn More
Can your social media manner echo an “attitude” when you wear it on the street? This social media look holds an open conversation between a social media swagger, a physical swagger and my Swag Sauce participants. Who has more sauce?
I curated some social media feeds to make you stand out. Learn More
The video below captures the humor & fun aspect of this activity.
( Note: He wears the first prototype. )
在洛杉矶艺术区走路生风！社交媒体不再虚拟！
( Note: He wears the first prototype. )
在洛杉矶艺术区走路生风！社交媒体不再虚拟！
Swagger
is a full package. It’s a tough look. Why feel inferior when you are cool?
![]()
.
在洛杉矶最大的室外购物中心The Grove跟踪并记录那些街头大佬! 用instagram story的方式呈现！
How inspiring it can be? 一步一步变成街头大佬！
The video clips below constructs a narriative of becoming a type of “swagger” on the street step by step.
How inspiring it can be? 一步一步变成街头大佬！
The video clips below constructs a narriative of becoming a type of “swagger” on the street step by step.
How do you walk with #I’msensitive / #onlinehusband / #_________?
Instagram Story. 从路人甲变成街头大佬！
.
改变屏幕尺寸，让移动设备符合街头审美！
1. Make iPad / iPhone wearable.
Redesign screen-based interface.
Asymmetrical Shape Redefine the edge of screen
1. Make iPad / iPhone wearable.
Redesign screen-based interface.
Asymmetrical Shape Redefine the edge of screen
用服装设计语言！
2. Use fashion language to craft an enclosure.
It’s a graphic patch. Put digital device in my fashionable enclosure.
2. Use fashion language to craft an enclosure.
It’s a graphic patch. Put digital device in my fashionable enclosure.
屏幕材质模拟针织衫服装材质，减弱屏幕与衣服差异！
3. Design Screen Texture.
Use graphic texture & real mesh texture to make visual experiences of screen and clothing blend into each other.
![]()
3. Design Screen Texture.
Use graphic texture & real mesh texture to make visual experiences of screen and clothing blend into each other.
.
加入图形语言让文字更酷！图形改变语意。
4. Graphical Attitude / Humor
Rewriting the original social media post and enhancing one’s own attitude through graphic presentation. Social media posts could form an aggressive look when we wear it.
#IAmSensitive Patch displays the most upset social media post. But it does not feel sad. 即使是最悲伤的文字，也可以很炫酷！
Rewriting the original social media post and enhancing one’s own attitude through graphic presentation. Social media posts could form an aggressive look when we wear it.
#IAmSensitive Patch displays the most upset social media post. But it does not feel sad. 即使是最悲伤的文字，也可以很炫酷！
Instagram 网络老公！只选用有大量女粉丝的男性角色！
#OnlineHusband Patch displays life quotes and lovely personal posts curated from a group of male. I would call them online husbands. I co-curated these social media accounts with my female friends to avoid conversation about toxic masculinity.
5. Modular Design
模块化设计，想穿哪个就穿哪个！三种不同尺寸的移动设备用来展现不同的信息。混搭！
/ Customize the back
Incorporate detachable pocket system and a harness to wear it. 3 sizes of pockets come with different content display options. The image below shows how a user detaches different patches.
![]()
模块化设计，想穿哪个就穿哪个！三种不同尺寸的移动设备用来展现不同的信息。混搭！
/ Customize the back
Incorporate detachable pocket system and a harness to wear it. 3 sizes of pockets come with different content display options. The image below shows how a user detaches different patches.
两种花式正面穿法！
/ Customize the front
Same harness can be worn two different ways based on your mood.
![]()
/ Customize the front
Same harness can be worn two different ways based on your mood.
.
You look great. 100%confidence.
呈现！ The images below show how I pair it with other clothing. It looks better if the harness blends in with other fabric. The strap & the cord amplifies the “attitude”.
呈现！ The images below show how I pair it with other clothing. It looks better if the harness blends in with other fabric. The strap & the cord amplifies the “attitude”.
.
1. Slogan Research
I analyzed the visual language of slogan hoodie and the tone of text.
I analyzed the visual language of slogan hoodie and the tone of text.
2. Material Study
Align social media feeds with the slogan hoodie visual language.
Align social media feeds with the slogan hoodie visual language.
3. Ethnorgaphic Interview
I organized a tiny workshop with four ArtCenter female students to talk about the guys they follow on Instagram by asking "who is your online husband?" By working with women directly, I can avoid the trap of toxic masculinity.
4. First Prototype
Use mirror, mesh and iphone & ipad to build the first iteration and experiment with body placement.
