-
Notifications
You must be signed in to change notification settings - Fork 0
/
pathmatch.html
264 lines (239 loc) · 17.3 KB
/
pathmatch.html
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
<!DOCTYPE HTML>
<html>
<head>
<title>PathMatch Page</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="inner">
<!-- Logo -->
<a href="index.html" class="logo">
<span class="symbol"><img src="images/logo.svg" alt="" /></span><span class="title">KT</span>
</a>
<!-- Nav -->
<nav>
<ul>
<li><a href="#menu">Menu</a></li>
</ul>
</nav>
</div>
</header>
<!-- Menu -->
<nav id="menu">
<h2>Menu</h2>
<ul>
<li><a href="about.html">About</a></li>
<!--<li><a href="https://drive.google.com/uc?export=download&id=1bsTylCt5uzPiSdapYwF0E1o4_-BXK-Wo" download="Karen_Ting_Resume.pdf">Resume</a></li>-->
<li><a href="https://drive.google.com/uc?export=download&id=1gve3RdaJp9jedwy0H64v5a0RyRmkt8LG" download="Karen_Ting_Resume.pdf">Resume</a></li>
<li><a href="index.html">Projects</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<div class="inner">
<h1>PathMatch Inc.</h1>
<h3>Product Intern Experience </h3>
<span class="image left" ><a href="https://www.linkedin.com/products/pathmatch-search/" target="_blank"><img src="images/pathmatch_logo.jpeg" alt="" /></a></span>
<p>PathMatch was an <a href="https://www.linkedin.com/products/pathmatch-search/" target="_blank">early-career talent platform</a>
designed to help students with career exploration, easy-apply applications, and job matching.
As a Product Intern (July - September 2023), I joined the team during a period of significant transition, about six months after the product’s launch.
In this dynamic environment, I had the freedom to explore various responsibilities, but my primary task was to analyze data to provide actionable product feedback.
This experience sparked my passion for product development, showing me how data-driven insights can guide design and feature improvements.
While PathMatch has since closed, I am deeply grateful for the chance to have worked alongside such a passionate, mission-driven team.
</p>
<hr />
<span class="image right" ><img src="images/pathmatch_1.png" alt="" /></span>
<h3>I. Project Scope</h3>
<blockquote>
<ol>
<li><b>Data Analysis: </b> Analyze user data from the PathMatch product and company website across five key platforms: Mixpanel, FullStory,
Google Analytics, Firebase, Vercel.</li>
</br>
<li><b>Product Feedback: </b> Conduct comprehensive product testing and feedback to identify bugs, optimize user flows, and improve the UI/UX.</li>
</ol>
</blockquote>
<hr />
<h3>II. The Process</h3>
<div class="table-wrapper">
<table>
<thead>
<tr>
<th>Step</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>1. Understanding and <b>Cleaning the Data</b></td>
<td>
<ul class="table">
<li>
Challenge: PathMatch collected data from multiple analytics platforms -
each with its own set of tools and tracked events.
</li>
<li>
I began by familiarizing myself with the data across platforms, aligining
the tracked events with the product flows to ensure accuracy. This enabled me
to identify next steps with potential questions and areas for exploration.
</li>
</ul>
</td>
</tr>
<tr>
<td>2. <b>Event-Tracking</b> Optimization</td>
<td>
<ul class="table">
<li>
To improve event-tracking, I cleaned up duplicate events, added detailed descriptions to key events in Mixpanel,
and created a Notion database to document event names and track their purpose across platforms.
I also noted missing events, such as steps in the onboarding funnel, and recommended standardized naming conventions for consistency.
</li>
</ul>
</td>
</tr>
<tr>
<td>3. <b>User Behavior</b> Analysis</td>
<td>
<ul class="table">
<li>
Using data from the various platforms, I conducted a thorough analysis of user behavior, focusing on key questions such as:
Where are users dropping off in the onboarding funnel?
Which pages receive the most traffic?
What are the primary traffic sources?
</li>
<li>
Example: I used Mixpanel to visualize user retention throughout the onboarding funnel. Google Analytics to provide insights into top
traffic sources and audience demographics. FullStory to identify user frustration points (e.g., rage clicks) and key entry points into the website.
</li>
</ul>
</td>
</tr>
<tr>
<td>4. <b>Product Testing</b> and Feedback</td>
<td>
<ul class="table">
<li>
I conducted comprehensive testing across the PathMatch web and app platforms,
focusing on bug identification, design inconsistencies, and the design flow.
</li>
<li>
Before providing my final recommendations, I wanted a strong understanding of the
market space and user experience, so I did the following:
<ol>
<li>
<b>Competitor Analysis: </b>
I analyzed similar platforms like Simplified, Untapped, and LinkedIn
to benchmark PathMatch against, identifying opportunities for differention
in user flow and design.
</li>
<li>
<b>User Interviews: </b>
I held user interviews with UC Berkeley students to gain qualitative insights into
pain points and preferences, particularly around navigation and dashboard clarity.
This feedback informed recommendations for improving the onboarding process and overall user experience.
</li>
</ol>
</li>
</ul>
</td>
</tr>
</tbody>
</table>
<h3>III. Key Recommendations</h3>
<ol>
<li>
<b>Traffic Source Optimization</b>
<ul>
<li>
<b>Issue: </b>Blog posts on colleges and companies generated the most traffic to the website,
but few readers actually explored the PathMatch product.
50% of visitors never reached the callout section, and clicks were minimal.
</li>
<li>
<b>Recommendation: </b>Replace the underlined text callouts, which blended into the posts, with
more visible banners. Conduct A/B testing by placing the callouts at 50% scroll depth to evaluate
whether this increases conversions.
</li>
</ul>
</li>
<li>
<b>Navgiation Clarity</b>
<ul>
<li>
<b>Issue: </b> Around 50% of desktop users did not scroll beyond the first section of the landing page.
FullStory user cases showed that users would click the "For Students" button even when they were already on the
the student-facing site, or they would aimlessly navigate the "How it Works" section. User interviews
revealed feelings of being "lost" and unsure of what they had already visited. While users understand the
general purpose of PathMatch (career help), there was confusion about its specific and unique features.
</li>
<li>
<b>Recommendation: </b>Improve navigation clarity by visually emphasizing the current page to reduce
user confusion. For example, highlight the "For Students" button on the student-facing site
to making it more prominent. Additionally, clearly indicate on the navigation menu
what page the user is currently exploring for a more intuitive browsing experience.
</li>
</ul>
</li>
<li>
<b>Onboarding Funnel</b>
<ul>
<li>
<b>Issue:</b> Signficant user drop-off at multiple stages of the onboarding funnel.
42% of visitors stopped at the first registration page, and there was an additional 38.26%
drop-off after the "What Bring You Here" page and another 35.81% after the "Your Ideal Compensation" page.
</li>
<li>
<b>Recommendation:</b> Allow potential users to (1) complete the onboarding process at a later time and
(2) explore the platform without needing to register. The drop-off points indicated uncertainty
about PathMatch's value proposition and fatigue from the extensive steps in the registration.
</li>
</ul>
</li>
</ol>
<hr />
<!--<span class="image main" style="margin-bottom: 2em;" ><img src="images/pathmatch_5.png" alt="" style="border-radius: 0 !important;" /></span>-->
<h3>IV. Reflection</h3>
<p>
This internship gave me invaluable experience in <b>data-driven product development, user behavior analysis, and UI/UX testing</b>.
I’m proud of my contributions to improving the product and deepening my passion for solving real-world user problems through data and design.
</p>
<p>
Initially drawn to PathMatch’s mission as an early-career job-seeker, I soon became inspired by the team’s trust, passion, and commitment to
building a meaningful product. Observing their collaboration and resilience in navigating challenges solidified my interest in start-up environments
and strengthened my desire to contribute to <b>mission-driven teams making a real impact.</b>
</p>
</div>
<!--<span class="image center"><img src="images/pathmatch_header.png" alt="" /></span>-->
</div>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<section>
<h2>Let's Connect!</h2>
<ul class="icons">
<li><a href="mailto:[email protected]" class="icon solid style2 fa-envelope"><span class="label">Email</span></a></li>
<li><a href="https://www.linkedin.com/in/karenting/" target="_blank" class="icon brands style2 fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/kting24" target="_blank" class="icon brands style2 fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://public.tableau.com/app/profile/karen.ting" target="_blank" class="icon solid style2 fa-chart-bar"><span class="label">Tableau</span></a></li>
</ul>
</section>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>