-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathwork.html
More file actions
292 lines (264 loc) · 15.9 KB
/
Copy pathwork.html
File metadata and controls
292 lines (264 loc) · 15.9 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
<!DOCTYPE HTML>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PWVFRF5B');</script>
<!-- End Google Tag Manager -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-X485NR8WPC"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-X485NR8WPC');
</script>
<!-- Microsoft Clarity -->
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "lsv9x3rlve");
</script>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script>
(function () {
try {
document.documentElement.setAttribute('data-theme', localStorage.getItem('uttam-theme') || 'dark');
} catch (error) {
document.documentElement.setAttribute('data-theme', 'dark');
}
})();
</script>
<title>Uttam Deb - Data & AI Professional</title>
<meta name="description" content="Projects, articles, analysis notebooks, and selected work by Uttam Deb across AI systems, web analytics, product intelligence, and data storytelling.">
<meta name="author" content="Uttam Deb">
<meta name="keywords" content="Uttam Deb work, portfolio archive, AI voice agents, Google Analytics 4, BigQuery, Looker Studio, Bellabeat, data analysis">
<link rel="canonical" href="https://uttamdeb.com/work">
<meta property="og:title" content="Uttam Deb - Work and Writing Archive">
<meta property="og:description" content="Projects, articles, and selected analysis work by Uttam Deb.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://uttamdeb.com/work">
<meta property="og:image" content="https://uttamdeb.com/images/aivoiceagents.webp">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Uttam Deb - Work and Writing Archive">
<meta name="twitter:description" content="Projects, articles, and selected analysis work by Uttam Deb.">
<meta name="twitter:image" content="https://uttamdeb.com/images/aivoiceagents.webp">
<link rel="preconnect" href="https://www.googletagmanager.com">
<link rel="preconnect" href="https://www.google-analytics.com">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="dns-prefetch" href="https://www.clarity.ms">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="assets/css/fontawesome-all.min.css" />
<link rel="stylesheet" href="assets/css/animations.css" />
<link rel="stylesheet" href="assets/css/glass-enhancements.css" />
<link rel="stylesheet" href="assets/css/chat.css" />
<link rel="stylesheet" href="assets/css/design-tokens.css" />
<link rel="stylesheet" href="assets/css/design-v2.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload design-v2 page-work page-content">
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PWVFRF5B"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<a class="skip-link" href="#main">Skip to content</a>
<div id="wrapper" class="fade-in">
<div class="bg"></div>
<header id="header">
<a href="/" class="logo" aria-label="Uttam Deb home">Uttam Deb</a>
</header>
<nav id="nav" aria-label="Primary navigation" data-glass>
<ul class="links">
<li><a href="/">Home</a></li>
<li class="nav-feature"><a href="tenten"><span class="nav-feature-orb" aria-hidden="true"></span>TenTen</a></li>
<li class="nav-feature"><a href="origin-labs"><span class="nav-feature-orb nav-feature-orb--origin" aria-hidden="true"></span>Origin Labs</a></li>
<li class="active"><a href="work">Work</a></li>
<li><a href="experience">Experience</a></li>
<li><a href="achievements">Achievements</a></li>
<li><a href="resumé">Resumé</a></li>
<li><a href="linkedin-feed">LinkedIn</a></li>
</ul>
<ul class="icons">
<li><button type="button" class="theme-toggle" data-theme-toggle aria-pressed="false" aria-label="Toggle theme" title="Toggle theme"><svg class="theme-toggle-icon theme-toggle-icon--moon" viewBox="0 0 24 24" width="16" height="16" aria-hidden="true" focusable="false"><path d="M20.5 14.4A8.5 8.5 0 0 1 9.6 3.5a.6.6 0 0 0-.84-.7 10 10 0 1 0 12.43 12.43.6.6 0 0 0-.7-.83Z" fill="currentColor"/></svg><svg class="theme-toggle-icon theme-toggle-icon--sun" viewBox="0 0 24 24" width="16" height="16" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="4" fill="currentColor"/><g stroke="currentColor" stroke-width="1.7" stroke-linecap="round"><path d="M12 3v2.2"/><path d="M12 18.8V21"/><path d="M3 12h2.2"/><path d="M18.8 12H21"/><path d="m5.6 5.6 1.55 1.55"/><path d="m16.85 16.85 1.55 1.55"/><path d="m5.6 18.4 1.55-1.55"/><path d="m16.85 7.15 1.55-1.55"/></g></svg><span class="theme-toggle-srlabel" data-theme-label>Dark</span></button></li>
<li><a href="https://www.github.com/uttamdeb" class="icon brands alt fa-github" aria-label="Visit GitHub Profile"><span class="label">GitHub</span></a></li>
<li><a href="https://www.linkedin.com/in/uttam-deb/" class="icon brands alt fa-linkedin" aria-label="Visit LinkedIn Profile"><span class="label">LinkedIn</span></a></li>
<li><a href="https://www.facebook.com/uttam.deb.7771/" class="icon brands alt fa-facebook-f" aria-label="Visit Facebook Profile"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/uttamdeb/" class="icon brands alt fa-instagram" aria-label="Visit Instagram Profile"><span class="label">Instagram</span></a></li>
<li><a href="https://x.com/UttamDebJ" class="icon brands alt social-x" aria-label="Visit X Profile"><span class="label">X</span></a></li>
</ul>
</nav>
<main id="main">
<section class="archive-hero" data-reveal>
<p class="section-label">Work archive</p>
<h1>Projects, writing, and analysis.</h1>
<p>I keep the article and project archive here so it stays easy to scan while the homepage focuses on the visual story.</p>
</section>
<section class="archive-grid" aria-label="Work and writing cards">
<a class="archive-card" data-glass data-reveal href="https://medium.com/@uttamdeb670/ai-voice-agents-part-1-the-story-of-two-approaches-297d68ac7855">
<img src="images/aivoiceagents.webp" alt="AI Voice Agents article cover" width="1200" height="630" loading="eager" />
<p class="meta-label">August 3, 2025</p>
<h2>AI Voice Agents Part 1: The Story of Two Approaches</h2>
<p>Breaking down modular and end-to-end voice AI architectures, and why the shape of the system matters.</p>
<div class="proof-meta">
<span class="tag">AI systems</span>
<span class="tag">Writing</span>
</div>
</a>
<a class="archive-card" data-glass data-reveal href="https://medium.com/design-bootcamp/need-for-speed-why-your-websites-speed-matters-more-than-ever-before-and-how-to-measure-it-c6162fa9cc45">
<img src="images/needforspeed.webp" alt="Website speed optimization article cover" width="1200" height="630" loading="lazy" />
<p class="meta-label">April 25, 2024</p>
<h2>Need for Speed: Why Website Performance Matters</h2>
<p>A practical guide to measuring speed, understanding user experience impact, and improving site performance.</p>
<div class="proof-meta">
<span class="tag">Performance</span>
<span class="tag">Guide</span>
</div>
</a>
<a class="archive-card" data-glass data-reveal href="https://medium.com/design-bootcamp/how-to-analyze-web-and-app-traffic-data-with-google-analytics-4-bigquery-and-looker-studio-66491b5470fd">
<img src="images/googleanalytics4.webp" alt="GA4 BigQuery Looker Studio article cover" width="1200" height="630" loading="lazy" />
<p class="meta-label">October 23, 2023</p>
<h2>Analyze Traffic Data with GA4, BigQuery and Looker Studio</h2>
<p>How to turn web and app events into usable answers about user behavior, devices, pages, and conversion.</p>
<div class="proof-meta">
<span class="tag">Analytics</span>
<span class="tag">BigQuery</span>
</div>
</a>
<a class="archive-card" data-glass data-reveal href="https://www.kaggle.com/code/debuttam/fitbit-fitness-tracker-data-analysis-for-bellabeat">
<img src="images/bellabeat.webp" alt="FitBit Fitness Tracker Data Analysis for Bellabeat" width="800" height="500" loading="lazy" />
<p class="meta-label">February 3, 2023</p>
<h2>FitBit Fitness Tracker Data Analysis for Bellabeat</h2>
<p>A case-study notebook connecting health activity, sleep, and wellness data to business recommendations.</p>
<div class="proof-meta">
<span class="tag">Kaggle</span>
<span class="tag">Case study</span>
</div>
</a>
<a class="archive-card" data-glass data-reveal href="https://medium.com/design-bootcamp/are-users-just-numbers-fe1da09ad14d">
<img src="images/areusersjustnumbers.webp" alt="Are users just numbers article cover" width="800" height="500" loading="lazy" />
<p class="meta-label">January 7, 2023</p>
<h2>Are users just numbers?</h2>
<p>A reflection on the human side of product data, measurement, and what can get lost in aggregate metrics.</p>
<div class="proof-meta">
<span class="tag">Product</span>
<span class="tag">Essay</span>
</div>
</a>
<a class="archive-card" data-glass data-reveal href="https://medium.com/design-bootcamp/content-that-consumes-us-3ffe0039833a">
<img src="images/contentthatconsumesus.webp" alt="Content that consumes us article cover" width="800" height="500" loading="lazy" />
<p class="meta-label">January 1, 2023</p>
<h2>Content that consumes us</h2>
<p>An essay about digital content consumption, attention, and the systems that shape everyday behavior.</p>
<div class="proof-meta">
<span class="tag">Behavior</span>
<span class="tag">Essay</span>
</div>
</a>
<a class="archive-card" data-glass data-reveal href="https://tasmon-my.sharepoint.com/:p:/g/personal/uttam_mucb_eu_org/EcY2YvHvJEZPreH7EwbS1hEB0NGXnnUQKUvCbMWXYHhv1g?e=cF9t3m">
<img src="images/adaptive_and_smart_learning_assistant_ai_hackathon.webp" alt="Adaptive and Smart Learning Assistant AI Hackathon concept" width="1200" height="630" loading="lazy" />
<p class="meta-label">March 8, 2025</p>
<h2>Adaptive and Smart Learning Assistant Concept</h2>
<p>A product concept from the 2025 10MS AI Hackathon focused on adaptive learning and smarter content discovery.</p>
<div class="proof-meta">
<span class="tag">AI product</span>
<span class="tag">Concept</span>
</div>
</a>
<a class="archive-card" data-glass data-reveal href="https://www.coursera.org/account/accomplishments/professional-cert/U9HB2VNWRQXJ">
<img src="images/googlebi.webp" alt="Google Business Intelligence Professional Certification" width="800" height="500" loading="lazy" />
<p class="meta-label">April 8, 2024</p>
<h2>Google Business Intelligence Professional Certification</h2>
<p>Certification work covering BI concepts, data models, reporting, stakeholder questions, and dashboard development.</p>
<div class="proof-meta">
<span class="tag">BI</span>
<span class="tag">Credential</span>
</div>
</a>
</section>
</main>
<footer id="footer" data-glass>
<section>
<header><b>Let's connect</b></header><br />
<form id="fs-frm" name="simple-contact-form" accept-charset="utf-8" action="https://formspree.io/f/mkndpyvb" method="post">
<div class="fields">
<div class="field">
<label for="name">Name</label>
<input type="text" name="name" id="name" autocomplete="name" />
</div>
<div class="field">
<label for="email">Email</label>
<input type="text" name="email" id="email" autocomplete="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="3"></textarea>
</div>
</div>
<ul class="actions special">
<li><input type="submit" class="button primary" value="Send message" /></li>
</ul>
</form>
</section>
<section class="split contact">
<section class="alt">
<h3>Address</h3>
<p>Based in Dhaka, Bangladesh</p>
</section>
<section>
<h3>Phone</h3>
<p><a href="tel:+8801718067555">+8801718067555</a></p>
</section>
<section>
<h3>Email</h3>
<p><a href="mailto:uttamdeb670@gmail.com">uttamdeb670@gmail.com</a></p>
</section>
<section>
<h3>Social</h3>
<ul class="icons alt">
<li><a href="https://www.facebook.com/uttam.deb.7771/" class="icon brands alt fa-facebook-f" aria-label="Visit Facebook Profile"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/uttamdeb/" class="icon brands alt fa-instagram" aria-label="Visit Instagram Profile"><span class="label">Instagram</span></a></li>
<li><a href="https://www.github.com/uttamdeb" class="icon brands alt fa-github" aria-label="Visit GitHub Profile"><span class="label">GitHub</span></a></li>
<li><a href="https://www.linkedin.com/in/uttam-deb/" class="icon brands alt fa-linkedin" aria-label="Visit LinkedIn Profile"><span class="label">LinkedIn</span></a></li>
<li><a href="https://x.com/UttamDebJ" class="icon brands alt social-x" aria-label="Visit X Profile"><span class="label">X</span></a></li>
</ul>
</section>
</section>
</footer>
<div id="copyright">
<ul>
<li><b>© 2026 Uttam Deb</b></li>
<li><b>v3.1.0</b></li>
<li><b>Hosted on <a href="https://github.com">GitHub</a></b></li>
</ul>
</div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.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>
<script src="assets/js/theme-toggle.js"></script>
<script src="assets/js/glass-interactions.js"></script>
<script src="assets/js/storytelling.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css">
<script src="https://cdn.jsdelivr.net/npm/marked@11.1.1/marked.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
<script src="assets/config/gemini-config.js"></script>
<script type="module" src="assets/js/gemini-client.js"></script>
<script src="assets/js/chat-ui.js"></script>
</body>
</html>