-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathwork.html
More file actions
311 lines (292 loc) · 20.8 KB
/
work.html
File metadata and controls
311 lines (292 loc) · 20.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lian - Work Experience</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/remixicon@4.5.0/fonts/remixicon.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700&display=swap" rel="stylesheet">
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: '#2D3047',
secondary: '#E8E9F3'
}
}
}
}
</script>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', system-ui, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.nav-link {
position: relative;
}
.nav-link::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 1px;
background-color: currentColor;
transition: width 0.3s ease;
}
.nav-link:hover::after {
width: 100%;
}
</style>
</head>
<body class="bg-white text-primary">
<nav class="fixed top-0 w-full bg-white/90 backdrop-blur-sm z-50 border-b border-gray-100">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between items-center h-16">
<a href="index.html" class="text-xl font-medium">Lian</a>
<div class="hidden md:flex space-x-8">
<a href="index.html" class="nav-link text-sm hover:text-primary transition-colors">HOME</a>
<a href="bio.html" class="nav-link text-sm hover:text-primary transition-colors">BIO</a>
<a href="research.html" class="nav-link text-sm hover:text-primary transition-colors">RESEARCH</a>
<a href="work.html" class="nav-link text-sm hover:text-primary transition-colors">WORK</a>
<a href="cv.html" class="nav-link text-sm hover:text-primary transition-colors">CV</a>
<a href="contact.html" class="nav-link text-sm hover:text-primary transition-colors">CONTACT</a>
<a href="other.html" class="nav-link text-sm hover:text-primary transition-colors">OTHER</a>
</div>
</div>
</div>
</nav>
<main class="pt-32 pb-16 min-h-screen">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="max-w-6xl mx-auto">
<h1 class="text-3xl font-extralight tracking-wide mb-16">Work Experience</h1>
<div class="space-y-16">
<!-- Yulingzhikong -->
<div class="group hover:bg-neutral-50 -mx-4 px-8 py-6 transition-all duration-300 border-l-2 border-transparent hover:border-emerald-600">
<div class="flex justify-between items-baseline mb-4">
<h2 class="text-2xl font-extralight tracking-wide group-hover:text-emerald-700 transition-colors">Yulingzhikong (Canton, China)</h2>
<span class="text-sm font-light text-neutral-500">2025.4 - now</span>
</div>
<p class="text-sm font-light text-neutral-600 italic mb-6">Human-Robot Interaction Intern</p>
<div class="space-y-4 text-neutral-700">
<div>
<h3 class="text-base font-light text-neutral-700 group-hover:text-emerald-600 transition-colors">Human factors–driven HRI design</h3>
<p class="text-base font-light text-neutral-700 mt-2">
Human factors engineering analysis, structured user interviews, interaction experiment design; translate multimodal affective computing requirements into interaction flows, feedback policies, latency budgets, privacy constraints; align edge–cloud deployment and modular hardware interfaces for reliable home use.
</p>
</div>
<div class="mt-4">
<h3 class="text-base font-light text-neutral-700 group-hover:text-emerald-600 transition-colors">Product iteration and commercialization</h3>
<p class="text-base font-light text-neutral-700 mt-2">
Drive feature iteration from prototype to pilot with tactile end‑effectors and SDK APIs; run scenario validation across home/eldercare/education, codify go‑to‑market hypotheses, partnership readiness, monetization checkpoints.
</p>
</div>
</div>
</div>
<hr class="my-12 border-gray-100">
<!-- HiDream.ai -->
<div class="group hover:bg-neutral-50 -mx-4 px-8 py-6 transition-all duration-300 border-l-2 border-transparent hover:border-emerald-600">
<div class="space-y-6">
<div class="flex justify-between items-baseline">
<h2 class="text-2xl font-extralight tracking-wide group-hover:text-emerald-700 transition-colors">HiDream.ai (Shanghai, China)</h2>
<span class="text-sm font-light text-neutral-500">2024.6-2024.9</span>
</div>
<p class="text-sm font-light text-neutral-600 italic">Product Growth Intern</p>
<div class="space-y-4">
<h3 class="text-base font-light text-neutral-700 group-hover:text-emerald-600 transition-colors">Product Growth</h3>
<p class="text-base font-light text-neutral-700">
Launched AI redrawing and similarity matching features post competitive analysis. Drove 10,000+ monthly active creator acquisition through feature integration. Executed A/B testing framework validating content display optimizations. Delivered 25% YoY browsing time increase, 38.8% retention improvement.
</p>
<h3 class="text-base font-light text-neutral-700 group-hover:text-emerald-600 transition-colors">Business Analysis</h3>
<p class="text-base font-light text-neutral-700">
Analyzed competitor pricing strategies across 8 AI creative platforms using web scraping tools. Collected user feedback from 500+ surveys identifying top pain points in content generation workflow. Built Excel dashboards tracking daily user engagement metrics (session duration, feature adoption rates).
</p>
</div>
</div>
</div>
<!-- ByteDance -->
<div class="group hover:bg-neutral-50 -mx-4 px-8 py-6 transition-all duration-300 border-l-2 border-transparent hover:border-emerald-600">
<div class="space-y-6">
<div class="flex justify-between items-baseline">
<h2 class="text-2xl font-extralight tracking-wide group-hover:text-emerald-700 transition-colors">ByteDance (Shanghai, China)</h2>
<span class="text-sm font-light text-neutral-500">2023.12-2024.6</span>
</div>
<p class="text-sm font-light text-neutral-600 italic">E-commerce Product Intern</p>
<div class="space-y-4">
<h3 class="text-base font-light text-neutral-700 group-hover:text-emerald-600 transition-colors">Product Optimization</h3>
<p class="text-base font-light text-neutral-700">
Served the 3C category using Naive Bayes models and multivariate regression for dynamic pricing strategy optimization. Monitored real-time user behavior data (e.g., purchase history, browsing patterns). Identified key drivers of promotional activities through data mining. Achieved a 76% increase in average daily ROI for brands.
</p>
<h3 class="text-base font-light text-neutral-700 group-hover:text-emerald-600 transition-colors">User Growth</h3>
<p class="text-base font-light text-neutral-700">
Collaborated with 38 top merchants, using clustering to identify potential high-value user groups. Designed and implemented a personalized recommendation system, increasing conversion rates by 35% and driving brand sales growth. Continuously iterated operational strategies through user feedback and behavioral data analysis.
</p>
<h3 class="text-base font-light text-neutral-700 group-hover:text-emerald-600 transition-colors">Data Visualization</h3>
<p class="text-base font-light text-neutral-700">
Developed B-end fee rate strategies for the 3C digital category. Utilized regression analysis, time series forecasting, and decision tree models to analyze merchant operations, dynamic sales, and GMV share. Provided timely improvement suggestions. Identified sales pain points through predictive modeling, resulting in a 60% year-on-year decrease in high-rate fees.
</p>
<h3 class="text-base font-light text-neutral-700 group-hover:text-emerald-600 transition-colors">User Research</h3>
<p class="text-base font-light text-neutral-700">
Combined qualitative (industry reports, macro/meso-level enterprise research) and quantitative research methods (user interviews, surveys) to collect user feedback and understand customer needs. Built dynamic data dashboards using Aeolus, Power BI, and Tableau for real-time sales metric monitoring. Drove a 413% year-on-year GMV growth for related brands.
</p>
</div>
</div>
</div>
<hr class="my-12 border-gray-100">
<!-- Little Voice -->
<div class="group hover:bg-neutral-50 -mx-4 px-8 py-6 transition-all duration-300 border-l-2 border-transparent hover:border-emerald-600">
<div class="flex justify-between items-baseline mb-4">
<h2 class="text-2xl font-extralight tracking-wide group-hover:text-emerald-700 transition-colors">Little Voice (Shanghai, China)</h2>
<span class="text-sm font-light text-neutral-500">2023.9 - 2023.12</span>
</div>
<p class="text-sm font-light text-neutral-600 italic mb-6">User Operations Intern</p>
<div class="space-y-4 text-neutral-700">
<div>
<h3 class="text-base font-light text-neutral-700 group-hover:text-emerald-600 transition-colors">Flow Matrix</h3>
<p class="text-base font-light text-neutral-700 mt-2">
Build a diversified flow matrix through Xiaohongshu & Tiktok live broadcasting, develop standardized user activation SOPs, effectively guide flow to private domains to improve user retention rate by 30%.
</p>
</div>
<div>
<h3 class="text-base font-light text-neutral-700 group-hover:text-emerald-600 transition-colors">User Growth</h3>
<p class="text-base font-light text-neutral-700 mt-2">
Plan IP positioning, build SOP for course selling and paid consultation, optimize content strategy through A/B testing, optimize user experience, achieve user growth of 10% per month and turnover of 8w+.
</p>
</div>
</div>
</div>
<!-- Yukuaidi -->
<div class="group hover:bg-neutral-50 -mx-4 px-8 py-6 transition-all duration-300 border-l-2 border-transparent hover:border-emerald-600">
<div class="flex justify-between items-baseline mb-4">
<h2 class="text-2xl font-extralight tracking-wide group-hover:text-emerald-700 transition-colors">Yukuaidi (Shanghai, China)</h2>
<span class="text-sm font-light text-neutral-500">2023.9 - 2023.12</span>
</div>
<p class="text-sm font-light text-neutral-600 italic mb-6">Brand Creative Intern</p>
<div class="grid grid-cols-1 md:grid-cols-[1fr,280px,280px] gap-[8px] items-start">
<!-- 左侧：项目介绍 -->
<div class="space-y-4 text-neutral-700 pr-2">
<div>
<h3 class="text-base font-light text-neutral-700 group-hover:text-emerald-600 transition-colors">Brand Planning</h3>
<p class="text-base font-light text-neutral-700 mt-2">
Responsible for the China social media of luxury women's clothing Loro Piana, 3C audio Devialet and perfume brand Caron, successfully output 200+ content with an average readership of 20,000+.
<a href="files/work/DEVIALET.pdf" class="text-emerald-600 hover:text-emerald-700 transition-colors underline-offset-4 hover:underline" target="_blank" rel="noopener noreferrer">View Full Devialet Report (PDF)</a>
</p>
</div>
<div>
<h3 class="text-base font-light text-neutral-700 group-hover:text-emerald-600 transition-colors">Holiday Marketing</h3>
<p class="text-base font-light text-neutral-700 mt-2">
Based on market research and analysis, planning the Chinese New Year marketing campaigns for Versace and Helena Rubinstein, achieving a 30% increase in brand awareness and a 25% increase in user engagement.
<a href="files/work/Versace2024.pdf" class="text-emerald-600 hover:text-emerald-700 transition-colors underline-offset-4 hover:underline" target="_blank" rel="noopener noreferrer">View Full Versace CNY Proposal (PDF)</a>
</p>
</div>
<div>
<h3 class="text-base font-light text-neutral-700 group-hover:text-emerald-600 transition-colors">Placement Optimization</h3>
<p class="text-base font-light text-neutral-700 mt-2">
Analyzed client Devialet's monthly social media data and collaborated on the brand's content operation strategy for 2024, resulting in a 40% increase in social media interaction rate.
<a href="files/work/DEVIALET.pdf" class="text-emerald-600 hover:text-emerald-700 transition-colors underline-offset-4 hover:underline" target="_blank" rel="noopener noreferrer">View Full Devialet Social Media Report (PDF)</a>
</p>
</div>
</div>
<!-- 右侧：图片纵向滑动预览（Versace） -->
<div class="flex justify-end items-center h-full">
<div class="relative w-[260px] h-[520px] rounded-[16px] overflow-y-auto bg-white shadow-lg transform group-hover:scale-[1.02] transition-all duration-500 flex flex-col space-y-2 p-2">
<div class="flex flex-col space-y-2 w-full items-center">
<img src="imagespdf/Versace2024/0.jpg" class="w-full rounded-md" alt="Versace 0"/>
<img src="imagespdf/Versace2024/1.jpg" class="w-full rounded-md" alt="Versace 1"/>
<img src="imagespdf/Versace2024/2.jpg" class="w-full rounded-md" alt="Versace 2"/>
<img src="imagespdf/Versace2024/3.jpg" class="w-full rounded-md" alt="Versace 3"/>
<img src="imagespdf/Versace2024/4.jpg" class="w-full rounded-md" alt="Versace 4"/>
<img src="imagespdf/Versace2024/5.jpg" class="w-full rounded-md" alt="Versace 5"/>
<img src="imagespdf/Versace2024/6.jpg" class="w-full rounded-md" alt="Versace 6"/>
<img src="imagespdf/Versace2024/7.jpg" class="w-full rounded-md" alt="Versace 7"/>
<img src="imagespdf/Versace2024/8.jpg" class="w-full rounded-md" alt="Versace 8"/>
<img src="imagespdf/Versace2024/9.jpg" class="w-full rounded-md" alt="Versace 9"/>
<img src="imagespdf/Versace2024/10.jpg" class="w-full rounded-md" alt="Versace 10"/>
<img src="imagespdf/Versace2024/11.jpg" class="w-full rounded-md" alt="Versace 11"/>
<img src="imagespdf/Versace2024/12.jpg" class="w-full rounded-md" alt="Versace 12"/>
<img src="imagespdf/Versace2024/13.jpg" class="w-full rounded-md" alt="Versace 13"/>
<img src="imagespdf/Versace2024/14.jpg" class="w-full rounded-md" alt="Versace 14"/>
</div>
</div>
</div>
<!-- 右侧：图片纵向滑动预览（DEVIALET） -->
<div class="flex justify-end items-center h-full">
<div class="relative w-[260px] h-[520px] rounded-[16px] overflow-y-auto bg-white shadow-lg transform group-hover:scale-[1.02] transition-all duration-500 flex flex-col space-y-2 p-2">
<div class="flex flex-col space-y-2 w-full items-center">
<img src="imagespdf/DEVIALET/0.jpg" class="w-full rounded-md" alt="DEVIALET 0"/>
<img src="imagespdf/DEVIALET/1.jpg" class="w-full rounded-md" alt="DEVIALET 1"/>
<img src="imagespdf/DEVIALET/2.jpg" class="w-full rounded-md" alt="DEVIALET 2"/>
<img src="imagespdf/DEVIALET/3.jpg" class="w-full rounded-md" alt="DEVIALET 3"/>
<img src="imagespdf/DEVIALET/4.jpg" class="w-full rounded-md" alt="DEVIALET 4"/>
<img src="imagespdf/DEVIALET/5.jpg" class="w-full rounded-md" alt="DEVIALET 5"/>
<img src="imagespdf/DEVIALET/6.jpg" class="w-full rounded-md" alt="DEVIALET 6"/>
<img src="imagespdf/DEVIALET/7.jpg" class="w-full rounded-md" alt="DEVIALET 7"/>
<img src="imagespdf/DEVIALET/8.jpg" class="w-full rounded-md" alt="DEVIALET 8"/>
<img src="imagespdf/DEVIALET/9.jpg" class="w-full rounded-md" alt="DEVIALET 9"/>
</div>
</div>
</div>
</div>
</div>
<!-- Bluefocus -->
<div class="group hover:bg-neutral-50 -mx-4 px-8 py-6 transition-all duration-300 border-l-2 border-transparent hover:border-emerald-600">
<div class="flex justify-between items-baseline mb-4">
<h2 class="text-2xl font-extralight tracking-wide group-hover:text-emerald-700 transition-colors">Bluefocus (Beijing, China)</h2>
<span class="text-sm font-light text-neutral-500">2023.5 - 2023.9</span>
</div>
<p class="text-sm font-light text-neutral-600 italic mb-6">Marketing Intern</p>
<div class="grid grid-cols-1 md:grid-cols-[1fr,280px] gap-[8px] items-start">
<div class="space-y-4 text-neutral-700 pr-2">
<div>
<h3 class="text-base font-light text-neutral-700 group-hover:text-emerald-600 transition-colors">Content Planning</h3>
<p class="text-base font-light text-neutral-700 mt-2">
Develop and implement content strategy on dual micro-platforms for luxury agent Yingtong Group (covering 50+ brands such as Van Cleef & Arpels, Versace, Coach, etc.), boost content readership by 3k+.
<a href="files/work/HR2023.pdf" class="text-emerald-600 hover:text-emerald-700 transition-colors underline-offset-4 hover:underline" target="_blank" rel="noopener noreferrer">View Full HR CNY Proposal (PDF)</a>
</p>
</div>
<div>
<h3 class="text-base font-light text-neutral-700 group-hover:text-emerald-600 transition-colors">Placement Optimization</h3>
<p class="text-base font-light text-neutral-700 mt-2">
Monitor the effect of advertisement placement, analyze key indicators, through data-driven strategy adjustment, the average monthly exposure reached 80k+ times, exceeding target achievement rate by 130%.
</p>
</div>
</div>
<div class="flex justify-end items-center h-full">
<div class="relative w-[260px] h-[520px] rounded-[16px] overflow-y-auto bg-white shadow-lg transform group-hover:scale-[1.02] transition-all duration-500 flex flex-col space-y-2 p-2">
<div class="flex flex-col space-y-2 w-full items-center">
<img src="imagespdf/HR2023/0.jpg" class="w-full rounded-md" alt="HR2023 0"/>
<img src="imagespdf/HR2023/1.jpg" class="w-full rounded-md" alt="HR2023 1"/>
<img src="imagespdf/HR2023/2.jpg" class="w-full rounded-md" alt="HR2023 2"/>
<img src="imagespdf/HR2023/3.jpg" class="w-full rounded-md" alt="HR2023 3"/>
<img src="imagespdf/HR2023/4.jpg" class="w-full rounded-md" alt="HR2023 4"/>
<img src="imagespdf/HR2023/5.jpg" class="w-full rounded-md" alt="HR2023 5"/>
<img src="imagespdf/HR2023/6.jpg" class="w-full rounded-md" alt="HR2023 6"/>
<img src="imagespdf/HR2023/7.jpg" class="w-full rounded-md" alt="HR2023 7"/>
<img src="imagespdf/HR2023/8.jpg" class="w-full rounded-md" alt="HR2023 8"/>
<img src="imagespdf/HR2023/9.jpg" class="w-full rounded-md" alt="HR2023 9"/>
<img src="imagespdf/HR2023/10.jpg" class="w-full rounded-md" alt="HR2023 10"/>
<img src="imagespdf/HR2023/11.jpg" class="w-full rounded-md" alt="HR2023 11"/>
<img src="imagespdf/HR2023/12.jpg" class="w-full rounded-md" alt="HR2023 12"/>
<img src="imagespdf/HR2023/13.jpg" class="w-full rounded-md" alt="HR2023 13"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="py-8 bg-gray-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center text-sm text-gray-500">
<p>© 2024 Lian. All rights reserved.</p>
</div>
</footer>
</body>
</html>