Skip to content

Commit b587719

Browse files
codesbyshreycodesbyshrey
committed
10.294 Refresh portfolio route presentation
1 parent 1ff52f5 commit b587719

16 files changed

Lines changed: 687 additions & 241 deletions

File tree

‎NBME-CCS-PRD/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>NBME PRD | Shreyas Sriram</title>
77
<meta name="description" content="Product requirements document for the NBME clinical communication simulator." />
8-
<link rel="stylesheet" href="/routes.css" />
8+
<link rel="stylesheet" href="/routes.css?v=10.294" />
99
</head>
1010
<body>
1111
<div class="shell">

‎about/index.html‎

Lines changed: 56 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>About | Shreyas Sriram</title>
77
<meta name="description" content="About Shreyas Sriram: human factors, product, clinical AI, biomedical engineering, and movement systems." />
8-
<link rel="stylesheet" href="/routes.css" />
8+
<link rel="stylesheet" href="/routes.css?v=10.294" />
99
</head>
1010
<body>
1111
<div class="shell">
@@ -19,45 +19,68 @@
1919
<a href="/connect/">Connect</a>
2020
</div>
2121
</div>
22-
<section class="hero">
22+
23+
<section class="hero full">
2324
<div>
2425
<p class="eyebrow">About</p>
2526
<h1>Human factors, clinical AI, and embodied product systems.</h1>
2627
<p class="lead">Shreyas Sriram builds and evaluates systems where technology has to work with real human behavior: clinical communication simulators, AI evaluation workflows, health-adjacent products, usability research, haptic interfaces, and movement-centered tools.</p>
27-
<div class="actions">
28-
<a class="button primary" href="/experiences/">View experience</a>
29-
<a class="button secondary" href="/NBME-CCS/">NBME study</a>
30-
</div>
31-
</div>
32-
<div class="panel">
33-
<p class="panel-title">Snapshot</p>
34-
<ul class="list">
35-
<li>MS Human Factors in Information Design</li>
36-
<li>BS Biomedical Engineering</li>
37-
<li>Clinical AI safety and evaluation experience</li>
38-
<li>EMT, movement coaching, and applied biomechanics background</li>
39-
<li>Co-inventor on a glenoid implant patent</li>
40-
</ul>
4128
</div>
4229
</section>
43-
<section class="grid">
44-
<article class="panel">
45-
<p class="panel-title">What I Build</p>
46-
<p>My portfolio centers on products that translate complex systems into usable experiences: AI patient simulations, PRD-backed product prototypes, wellness intelligence tools, research workflows, and interfaces that make perception, movement, and decision-making more legible.</p>
47-
</article>
48-
<article class="panel">
49-
<p class="panel-title">How I Work</p>
50-
<p>I combine human factors research, product thinking, technical prototyping, and biomedical context. The work tends to start with behavior and constraints, then moves into systems architecture, interface design, and evaluation.</p>
51-
</article>
52-
<article class="panel">
53-
<p class="panel-title">Domains</p>
54-
<p>Clinical AI, healthcare communication, usability research, LLM evaluation, medical-device design, biomechanics, haptic feedback, coaching systems, and human performance tools.</p>
55-
</article>
56-
<article class="panel">
57-
<p class="panel-title">Current Direction</p>
58-
<p>I am focused on AI systems that can be evaluated responsibly, healthcare products that respect patient and learner context, and embodied tools that connect cognition, movement, and environment.</p>
59-
</article>
30+
31+
<section class="route-layout">
32+
<aside class="side-stack">
33+
<article class="panel accent-blue">
34+
<p class="panel-title">Snapshot</p>
35+
<ul class="list">
36+
<li>MS Human Factors in Information Design</li>
37+
<li>BS Biomedical Engineering</li>
38+
<li>Clinical AI safety and evaluation experience</li>
39+
<li>EMT, movement coaching, and applied biomechanics background</li>
40+
<li>Co-inventor on a glenoid implant patent</li>
41+
</ul>
42+
</article>
43+
44+
<article class="panel accent-red">
45+
<p class="panel-title">Domains</p>
46+
<div class="chips">
47+
<span class="chip blue">Clinical AI</span>
48+
<span class="chip blue">Human Factors</span>
49+
<span class="chip red">Biomechanics</span>
50+
<span class="chip red">Medical Devices</span>
51+
<span class="chip purple">Practice Intuition</span>
52+
<span class="chip green">Public Health</span>
53+
</div>
54+
</article>
55+
</aside>
56+
57+
<div class="content-stack">
58+
<article class="panel accent-purple">
59+
<p class="panel-title">Case Studies</p>
60+
<div class="link-grid">
61+
<a class="link-card" href="/NBME-CCS/"><strong>NBME Study</strong><span>Clinical communication simulator</span></a>
62+
<a class="link-card" href="/haptrek/"><strong>HapTrek</strong><span>Haptic navigation and fall detection</span></a>
63+
<a class="link-card" href="/implant/"><strong>Glenoid Implant</strong><span>Biomedical invention and mechanical testing</span></a>
64+
<a class="link-card" href="/nathan-sports/"><strong>Nathan Sports</strong><span>Usability research and recommendations</span></a>
65+
</div>
66+
</article>
67+
68+
<article class="panel accent-green">
69+
<p class="panel-title">PRDs + Product Documents</p>
70+
<div class="link-grid">
71+
<a class="link-card" href="/NBME-CCS-PRD/"><strong>NBME PRD</strong><span>Virtual standardized patient system</span></a>
72+
<a class="link-card" href="/clinical-roleplay-prd/"><strong>Clinical Roleplay PRD</strong><span>AI patient simulation and OSCE feedback</span></a>
73+
<a class="link-card" href="/bonita-prd/"><strong>Bonita PRD</strong><span>AI wellness intelligence protocols</span></a>
74+
</div>
75+
</article>
76+
77+
<article class="panel">
78+
<p class="panel-title">How I Work</p>
79+
<p>I combine human factors research, product thinking, technical prototyping, biomedical context, and embodied practice. The work starts with behavior and constraints, then moves into systems architecture, interface design, and evaluation.</p>
80+
</article>
81+
</div>
6082
</section>
83+
6184
<p class="footer">For focused examples, start with the <a class="quiet-link" href="/NBME-CCS/">NBME clinical communication study</a>, <a class="quiet-link" href="/bonita/">Bonita</a>, or <a class="quiet-link" href="/haptrek/">HapTrek</a>.</p>
6285
</div>
6386
</body>

‎bonita-prd/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>Bonita PRD | Shreyas Sriram</title>
77
<meta name="description" content="Product requirements document for Bonita Encode, an AI wellness intelligence MVP." />
8-
<link rel="stylesheet" href="/routes.css" />
8+
<link rel="stylesheet" href="/routes.css?v=10.294" />
99
</head>
1010
<body>
1111
<div class="shell">

‎bonita/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>Bonita | Practice Intuition</title>
77
<meta name="description" content="Bonita Encode AI wellness intelligence MVP, case study, and PRD links." />
8-
<link rel="stylesheet" href="/routes.css" />
8+
<link rel="stylesheet" href="/routes.css?v=10.294" />
99
</head>
1010
<body>
1111
<div class="shell">

‎clinical-roleplay-prd/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>Clinical Roleplay PRD | Shreyas Sriram</title>
77
<meta name="description" content="Product requirements document for a clinical roleplay simulator with AI patient scenarios and OSCE-style evaluation." />
8-
<link rel="stylesheet" href="/routes.css" />
8+
<link rel="stylesheet" href="/routes.css?v=10.294" />
99
</head>
1010
<body>
1111
<div class="shell">

‎connect/index.html‎

Lines changed: 56 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>Connect | Shreyas Sriram</title>
7-
<meta name="description" content="Contact, GitHub, LinkedIn, and publishing links for Shreyas Sriram." />
8-
<link rel="stylesheet" href="/routes.css" />
7+
<meta name="description" content="Contact, scheduling, GitHub, LinkedIn, and publishing links for Shreyas Sriram." />
8+
<link rel="stylesheet" href="/routes.css?v=10.294" />
99
</head>
1010
<body>
1111
<div class="shell">
@@ -19,37 +19,68 @@
1919
<a href="/connect/">Connect</a>
2020
</div>
2121
</div>
22-
<section class="hero">
22+
23+
<section class="hero full">
2324
<div>
2425
<p class="eyebrow">Connect</p>
25-
<h1>Reach out about product, research, AI, or human systems work.</h1>
26-
<p class="lead">Use this page for direct contact, professional profiles, and public writing. The strongest portfolio examples are linked throughout the project pages.</p>
26+
<h1>Reach out about clinical AI, human factors, product systems, or embodied design.</h1>
27+
<p class="lead">Use this page for direct contact, scheduling, professional profiles, and public writing. The strongest portfolio examples are linked below for quick context before a conversation.</p>
2728
<div class="actions">
28-
<a class="button primary" href="mailto:shreyassriram3@gmail.com">Email</a>
29+
<a class="button primary" href="https://calendly.com/shreyassriram3" target="_blank" rel="noopener noreferrer">Schedule a meeting</a>
30+
<a class="button secondary" href="mailto:shreyassriram3@gmail.com">Email</a>
2931
<a class="button secondary" href="https://linkedin.com/in/shreyas-sriram" target="_blank" rel="noopener noreferrer">LinkedIn</a>
3032
</div>
3133
</div>
32-
<div class="panel">
33-
<p class="panel-title">Primary Links</p>
34-
<ul class="list">
35-
<li>Email: <a href="mailto:shreyassriram3@gmail.com">shreyassriram3@gmail.com</a></li>
36-
<li>GitHub: <a href="https://github.com/codesbyshrey" target="_blank" rel="noopener noreferrer">codesbyshrey</a></li>
37-
<li>LinkedIn: <a href="https://linkedin.com/in/shreyas-sriram" target="_blank" rel="noopener noreferrer">shreyas-sriram</a></li>
38-
<li>Substack: <a href="https://practiceintuition.substack.com" target="_blank" rel="noopener noreferrer">Practice Intuition</a></li>
39-
<li>Medium: <a href="https://medium.com/@picsbyshrey" target="_blank" rel="noopener noreferrer">@picsbyshrey</a></li>
40-
</ul>
41-
</div>
4234
</section>
43-
<section class="grid">
44-
<article class="panel">
45-
<p class="panel-title">Good Starting Points</p>
46-
<p>For clinical AI and product architecture, start with the NBME case study. For integrative wellness AI, start with Bonita. For embodied interfaces, start with HapTrek and Kinesthetic.</p>
47-
</article>
48-
<article class="panel">
49-
<p class="panel-title">Portfolio Links</p>
50-
<p><a class="quiet-link" href="/NBME-CCS/">NBME Study</a> · <a class="quiet-link" href="/NBME-CCS-PRD/">NBME PRD</a> · <a class="quiet-link" href="/bonita/">Bonita</a> · <a class="quiet-link" href="/haptrek/">HapTrek</a></p>
51-
</article>
35+
36+
<section class="route-layout">
37+
<aside class="side-stack">
38+
<article class="panel accent-blue">
39+
<p class="panel-title">Primary Links</p>
40+
<div class="link-grid">
41+
<a class="link-card" href="mailto:shreyassriram3@gmail.com"><strong>Email</strong><span>Direct contact</span></a>
42+
<a class="link-card" href="https://calendly.com/shreyassriram3" target="_blank" rel="noopener noreferrer"><strong>Calendly</strong><span>Schedule a meeting</span></a>
43+
<a class="link-card" href="https://linkedin.com/in/shreyas-sriram" target="_blank" rel="noopener noreferrer"><strong>LinkedIn</strong><span>Professional profile</span></a>
44+
<a class="link-card" href="https://github.com/codesbyshrey" target="_blank" rel="noopener noreferrer"><strong>GitHub</strong><span>Code and project surfaces</span></a>
45+
</div>
46+
</article>
47+
48+
<article class="panel accent-purple">
49+
<p class="panel-title">Publishing</p>
50+
<div class="link-grid">
51+
<a class="link-card" href="https://practiceintuition.substack.com" target="_blank" rel="noopener noreferrer"><strong>Substack</strong><span>Practice Intuition writing</span></a>
52+
<a class="link-card" href="https://medium.com/@picsbyshrey" target="_blank" rel="noopener noreferrer"><strong>Medium</strong><span>Public essays</span></a>
53+
<a class="link-card" href="https://practiceintuition.github.io" target="_blank" rel="noopener noreferrer"><strong>Practice Intuition</strong><span>Framework surface</span></a>
54+
</div>
55+
</article>
56+
</aside>
57+
58+
<div class="content-stack">
59+
<article class="panel accent-green">
60+
<p class="panel-title">Good Starting Points</p>
61+
<p>For clinical AI and product architecture, start with the NBME study. For integrative wellness AI, start with Bonita. For embodied interfaces, start with HapTrek and Kinesthetic.</p>
62+
<div class="actions">
63+
<a class="button secondary" href="/NBME-CCS/">NBME Study</a>
64+
<a class="button secondary" href="/bonita/">Bonita</a>
65+
<a class="button secondary" href="/haptrek/">HapTrek</a>
66+
<a class="button secondary" href="/kinesthetic/">Kinesthetic</a>
67+
</div>
68+
</article>
69+
70+
<article class="panel accent-red">
71+
<p class="panel-title">Useful Conversation Areas</p>
72+
<div class="chips">
73+
<span class="chip blue">Clinical AI Evaluation</span>
74+
<span class="chip blue">Human Factors Research</span>
75+
<span class="chip purple">Product Strategy</span>
76+
<span class="chip green">Public Health Tools</span>
77+
<span class="chip red">Biomechanics</span>
78+
<span class="chip red">Embodied Interfaces</span>
79+
</div>
80+
</article>
81+
</div>
5282
</section>
83+
5384
<p class="footer">Thanks for visiting. The project pages are written to be skimmed quickly, with deeper PRD documents available where they best support the work.</p>
5485
</div>
5586
</body>

‎education/index.html‎

Lines changed: 57 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>Education | Shreyas Sriram</title>
77
<meta name="description" content="Education and credentials for Shreyas Sriram across human factors, biomedical engineering, software, and cloud development." />
8-
<link rel="stylesheet" href="/routes.css" />
8+
<link rel="stylesheet" href="/routes.css?v=10.294" />
99
</head>
1010
<body>
1111
<div class="shell">
@@ -19,41 +19,77 @@
1919
<a href="/connect/">Connect</a>
2020
</div>
2121
</div>
22-
<section class="hero">
22+
23+
<section class="hero full">
2324
<div>
2425
<p class="eyebrow">Education</p>
2526
<h1>Human factors, biomedical engineering, and technical build fluency.</h1>
26-
<p class="lead">Formal training and self-directed technical learning support the portfolio's blend of research, product design, clinical context, hardware thinking, and rapid software prototyping.</p>
27-
</div>
28-
<div class="panel">
29-
<p class="panel-title">Core Credentials</p>
30-
<ul class="list">
31-
<li>MS Human Factors in Information Design, Bentley University</li>
32-
<li>BS Biomedical Engineering, Rensselaer Polytechnic Institute</li>
33-
<li>AWS Certified Developer Associate</li>
34-
<li>AWS Certified Cloud Practitioner</li>
35-
</ul>
27+
<p class="lead">Formal training and technical learning support the portfolio's blend of research, product design, clinical context, hardware thinking, and rapid software prototyping.</p>
3628
</div>
3729
</section>
38-
<section class="grid">
39-
<article class="panel">
30+
31+
<section class="grid three">
32+
<article class="panel accent-blue">
4033
<p class="panel-title">Human Factors</p>
41-
<p>Graduate work centered on usability, trust calibration, comprehension, information design, mixed-methods research, clinical simulation, and decision support.</p>
34+
<h2>MS Human Factors in Information Design</h2>
35+
<p>Bentley University graduate training in research, information design, usability, trust, and interaction systems.</p>
36+
<div class="chips">
37+
<span class="chip blue">Qualitative Research</span>
38+
<span class="chip blue">Quantitative Methods</span>
39+
<span class="chip blue">Usability Testing</span>
40+
<span class="chip blue">AI Trust</span>
41+
<span class="chip blue">Conversational Design</span>
42+
<span class="chip blue">Immersive Interaction</span>
43+
</div>
4244
</article>
43-
<article class="panel">
45+
46+
<article class="panel accent-red">
4447
<p class="panel-title">Biomedical Engineering</p>
45-
<p>Undergraduate foundation in medical-device design, biomechanics, physiology, materials, and systems engineering, including patented shoulder arthroplasty design work.</p>
48+
<h2>BS Biomedical Engineering</h2>
49+
<p>Rensselaer Polytechnic Institute foundation across device design, body systems, mechanics, and material constraints.</p>
50+
<div class="chips">
51+
<span class="chip red">Biomechanics</span>
52+
<span class="chip red">Biomaterials</span>
53+
<span class="chip red">Physiology</span>
54+
<span class="chip red">Medical Devices</span>
55+
<span class="chip red">Shoulder Arthroplasty</span>
56+
<span class="chip red">NCAA D3 XC/TF</span>
57+
</div>
4658
</article>
47-
<article class="panel">
59+
60+
<article class="panel accent-green">
4861
<p class="panel-title">Software + Cloud</p>
49-
<p>Full-stack and cloud practice across React, TypeScript, Python, FastAPI, RAG prototypes, AWS, and AI-assisted workflows for healthcare and learning tools.</p>
62+
<h2>Cloud, Full Stack, and AI Prototyping</h2>
63+
<p>Technical training and shipped practice across cloud infrastructure, full-stack development, RAG systems, and AI-assisted workflows.</p>
64+
<div class="chips">
65+
<span class="chip green">AWS Developer Associate</span>
66+
<span class="chip green">AWS Cloud Practitioner</span>
67+
<span class="chip green">CodingDojo Full Stack</span>
68+
<span class="chip green">React</span>
69+
<span class="chip green">TypeScript</span>
70+
<span class="chip green">Python</span>
71+
<span class="chip green">Django</span>
72+
<span class="chip green">GCP</span>
73+
</div>
5074
</article>
75+
</section>
76+
77+
<section class="grid">
5178
<article class="panel">
5279
<p class="panel-title">Applied Learning</p>
53-
<p>Technical learning shows up through shipped static sites, Lovable prototypes, GitHub Pages case studies, hackathon builds, and practical PRD-to-MVP translation.</p>
80+
<p>These threads show up through PRD-to-MVP translation, GitHub Pages case studies, Lovable prototypes, FastAPI experiments, and static portfolio surfaces built for quick technical review.</p>
81+
</article>
82+
<article class="panel">
83+
<p class="panel-title">Relevant Work</p>
84+
<div class="actions">
85+
<a class="button secondary" href="/NBME-CCS/">NBME Study</a>
86+
<a class="button secondary" href="/implant/">Glenoid Implant</a>
87+
<a class="button secondary" href="/kinesthetic/">Kinesthetic</a>
88+
</div>
5489
</article>
5590
</section>
56-
<p class="footer">Selected academic and technical work is expanded in <a class="quiet-link" href="/NBME-CCS/">NBME</a>, <a class="quiet-link" href="/implant/">Glenoid Implant</a>, and <a class="quiet-link" href="/kinesthetic/">Kinesthetic</a>.</p>
91+
92+
<p class="footer">Education gives the portfolio its operating range: research rigor, biomedical context, and enough engineering fluency to prototype the system.</p>
5793
</div>
5894
</body>
5995
</html>

0 commit comments

Comments
 (0)