-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
182 lines (168 loc) · 8.41 KB
/
index.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
<!DOCTYPE HTML>
<!--
Forty by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Kimberly Tan's Portfolio</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" class="alt">
<a href="index.html" class="logo"><strong>Portfolio Collection</strong> <span>by Kimberly</span></a>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="charts.html">Data Viz: Charts</a></li>
<li><a href="dashboards.html">Data Viz: Dashboards</a></li>
<li><a href="ML.html">Machine Learning Projects</a></li>
<li><a href="coding_projects.html">Other Coding Projects</a></li>
<li><a href="#testimonial">Testimonials</a></li>
<li><a href="#about anchor">About Me</a></li>
</ul>
</nav>
<!-- Banner -->
<section id="banner" class="major">
<div class="inner">
<ul class="icons">
<li><a href="https://github.com/kimberlytanyh" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://www.linkedin.com/in/kimberly-tan-yh/" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
</ul>
<header class="major">
<h1>Hi! I'm Kimberly Tan.</h1>
</header>
</ul>
<header class="minor">
<h3>Data Analyst | Problem Solver | Researcher | Strategist/ Advisor | Designer | Curious Learner </h3>
</header>
<div class="content">
<p>Welcome to my portfolio site, where I have gathered my academic & personal work for the curious visitor. Tools used include Python, Tableau, SQL, and Excel. Happy browsing!</p>
</div>
<ul class="actions">
<li><a href = "#one" class="button primary small">Start Browsing My Work</a></li>
<li><a href = "#about anchor" class = "button small">About Me</a></li>
<li><a href = "https://drive.google.com/file/d/1qrRAz68pKnvWqCRVRthJWQA7qWoTP4Zm/view?usp=sharing" class = "button small">View Resume</a></li>
</ul>
</div>
</section>
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one" class="tiles">
<article>
<span class="image">
<img src="images/charts2.png" alt="" />
</span>
<header class="major">
<h3><a href="charts.html" class="link">Charts</a></h3>
<p>Visualizing data to uncover and show stakeholders hidden patterns and insights to improve service and strategy</p>
</header>
</article>
<article>
<span class="image">
<img src="images/dashboard3.png" alt="" />
</span>
<header class="major">
<h3><a href="dashboards.html" class="link">Dashboards</a></h3>
<p>Data storytelling: Showcase insights, answer stakeholder questions, and connect insights to enlight or inspire</p>
</header>
</article>
<article>
<span class="image">
<img src="images/ml1.png" alt="" />
</span>
<header class="major">
<h3><a href="ML.html" class="link">Machine Learning Projects</a></h3>
<p>Academic group projects: Build prediction models for real-life applications</p>
</header>
</article>
<article>
<span class="image">
<img src="images/pic02.jpg" alt="" />
</span>
<header class="major">
<h3><a href="coding_projects.html" class="link">Other Coding Projects</a></h3>
<p>Coding programs for fun and work</p>
</header>
</article>
</section>
<!-- Two -->
<section id="two">
<div class="inner">
<header class="minor">
<h2 id="testimonial">What Supervisors and Colleagues Say About Me</h2>
</header>
<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vTFhnR8zaDXceIrGroFV4Iyq-zDOQzkthsxxJ65g1mJ8WgSh5roKLLiC3wNnBUQpyYpFyK-w4C5s9bv/embed?start=true&loop=true&delayms=3000" frameborder="0" width="960" height="569" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
</div>
</section>
<section id="three">
<div class="inner">
<header class="major">
<h2 id="about anchor">About Me</h2>
</header>
<p>In 2022, I attained my Master of Science degree in Business Analytics. Since then, I have been using my data science skills (in data cleaning, exploratory analysis, and visualization) to help non-profit organizations with projects that aim to answer industry questions and drive positive societal or welfare-related impact. I am constantly learning and seeking to improve and apply my skills to impactful work that benefits people.
<p><em>Technical skills</em>: Python, Tableau, SQL, Excel, R, Google and Microsoft Suite, HTML (to customize this website)<br><em>Data-Related Platforms</em>: Google Analytics, AirTable, AWS RedShift via Python, Data.World, Deepnote, Microsoft SQL Server, BrandWatch, Infegy</p>
<p><strong>My Background</strong></p>
<p>Prior to getting into the data analytics field, I interned and worked in various industries (education, tourism, and consulting) as a marketer: executing (competitive) research, promotional material design, website maintenance and design, social media copywriting, and devising outreach and social media strategies (by analyzing metrics). As I worked in these roles, however, I felt a deep need to be able to better analyze data to back up creative decisions – not just relying on my intuition and limited mental capacity to draw critical insights from open data or articles I searched up. This prompted me to enroll in a Business Analytics MS program in 2020, which started me on a journey I never imagined.</p>
<p>Since then, I have worked on multiple data visualization, business analytics, and machine learning projects. During the past 2 years, I have applied my knowledge and skills in data analysis and marketing to advise management on improving data analysis efforts and operation/marketing strategies.</p>
<ul class="actions">
<li><a href="https://docs.google.com/document/d/1lIUnCNNlgAu-Fh99BWDE1EQ0hLK-yeqv/edit?usp=sharing&ouid=111013318291046441724&rtpof=true&sd=true" class = "button">See Data Analytics Resume</a></li>
<li><a href="https://kimberlytanyh.wixsite.com/portfolio/marketing" class = "button">See Marketing Portfolio</a></li>
<li><a href="https://kimberlytanyh.wixsite.com/portfolio/about-me-contact" class = "button">More Facts About Me</a></li>
</ul>
</div>
</section>
</div>
<!-- Contact -->
<section id="contact">
<div class="inner">
<section class="">
<section>
<div class="contact-method">
<span class="icon solid alt fa-envelope"></span>
<h3>Email (Preferred)</h3>
<a href="#">[email protected]</a>
</div>
</section>
<section>
<div class="contact-method">
<span class="icon solid alt fa-phone"></span>
<h3>Phone</h3>
<span>(347) 543-3473</span>
</div>
</section>
</section>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="copyright">
<li>© 2023, Copyright of Kimberly Tan</li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.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>