-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
241 lines (230 loc) · 15.7 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="./favicon.ico">
<!-- OG -->
<!-- UPDATE -->
<meta property="og:title" content="Collin Lawrence" />
<meta property="og:url" content="https://considercollin.com" />
<meta property="og:description" content="Collin Lawrence | Product Manager" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://considercollin.com/socialgraphic.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:width" content="630" />
<!-- NO UPDATE -->
<meta property="og:locale" content="en_US" />
<meta property="og:site_name" content="Collin Lawrence" />
<link rel="stylesheet" href="./output-css/output.css">
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
<link rel="stylesheet" href="./icons.css">
<title>Collin Lawrence</title>
</head>
<body class="font-inter tracking-tighter">
<div class="flex overflow-hidden bg-[#D9D9D9] md:h-[56px] h-[24px] items-center">
<ul
class="flex gap-[10px] w-full min-w-full md:animate-scrollage animate-scrollageFast whitespace-nowrap text-[16px] md:text-[24px]">
<li class=""><span class="font-bold">Proficient With - </span>Jira, Confluence, Periscope,
Looker, Adobe Suite, Addepar, Black Diamond, eMoney, Excel</li>
<li class=""><span class="font-bold">Skills and Awards - </span> Agile Project Management,
Creating User Personas, SQL, Javascript, CSS, Tailwind, React, Gatsby, High Emotional Intelligence,
Attunement, Market Research, Understanding Client Pain, Competitive Intelligence, Positioning,
Messaging, Branding, Eagle Scout</li>
</ul>
<ul
class="flex overflow hidden justify-around min-w-full w-full whitespace-nowrap md:animate-scrollage animate-scrollageFast text-[16px] md:text-[24px]">
<li class=""><span class="font-bold">Proficient With - </span>Jira, Confluence, Periscope,
Looker, Adobe Suite, Addepar, Black Diamond, eMoney, Excel</li>
<li class=""><span class="font-bold">Skills and Awards - </span> Agile Project Management,
Creating User Personas, SQL, Javascript, CSS, Tailwind, React, Gatsby, High Emotional Intelligence,
Attunement, Market Research, Understanding Client Pain, Competitive Intelligence, Positioning,
Messaging, Branding, Eagle Scout</li>
</ul>
</div>
<div class="mx-auto max-w-[1440px] md:p-0 p-[15px]">
<div class="md:mx-[25px] flex justify-center md:justify-start">
<div>
<h1
class="font-bold xl:text-[145px] lg:text-[120px] text-center md:text-left text-[64px] md:text-[96px] leading-[100%] mt-[45px] ">
COLLIN LAWRENCE</h1>
<h2 class="md:text-[48px] leading-[120%] text-[24px] text-center md:text-left">Product Manager</h2>
</div>
</div>
<div class="mx-[25px] flex flex-col md:flex-row mt-[65px]">
<div class=" md:basis-[400px] shrink-.5 md:self-start self-center md:mtg-0 ">
<img src="collin-headshot.jpg" alt=""
class="object-cover h-[250px] md:h-[521px] w-[396px] md:object-center object-top">
</div>
<div
class="flex flex-col border-solid border-black border-2 md:basis-[900px] bg-black text-[24px] md:ml-[25px] shrink-2 mt-[15px] md:mt-0">
<div class=" bg-white p-[15px]">
<p class=" leading-[120%]">Hey, it’s great to meet you!</p>
</div>
<div class="bg-[#f3f3f3] p-[15px]">
<p class="leading-[120%">
I’m Collin Lawrence and <span class="font-bold">my superpower</span> is the ability to deeply understand both the customer and the market, then seamlessly translate that into a product vision. I can anticipate needs before they're even voiced, balancing strategic insights with tactical execution to drive impactful results.
</p>
</div>
<div class="bg-black text-white leading-[120%] ">
<p class="font-bold px-[15px] leading-[120%] pt-[15px] pb-[24px]">My Story</p>
<p class="px-[15px]">
I’ll skip the part about working in public accounting (might start crying). I’ve had a great
ride in tech. I’ve been a relationship manager, solutions consultant, services sales consultant,
<span class="font-bold">product manager</span> and on-the-side <span
class="font-bold">developer</span>.
</p>
<p class="mt-[25px] px-[15px] ">
Through the years I’ve mastered the skill of <span class="font-bold">listening to people</span>
(and/or their data) and fixing their problems.
</p>
<p class="mt-[25px] px-[15px] pb-[15px]">
While I’ve had a lot of success in these areas, it wasn’t until I started a web development side
business that I realized my greatest strength (and my heart) lies in product strategy and development.
</p>
</div>
</div>
</div>
</div>
<div class="bg-[#9EFF00] mt-[50px] ">
<div
class="max-w-[1440px] flex flex-col md:flex-row justify-around gap-[50px] items-center mx-auto md:p-[50px] p-[25px]">
<div class="md:basis-[652px] md:px-[25px]">
<h3 class="text-[48px] font-bold leading-[48px] pt-[25px]">How groceries and coding got me into
product</h3>
<p class="mt-[25px] text-[20px] leading-[120%] pt-[15px]">In order to break into product management I
taught myself how to code. When grocery inflation started to hit hard I decided to start <a
href="https://oshindigital.com/index.html" class="hover:text-white font-bold underline">Oshin
Digital</a>, a web marketing side venture. I combined my past marketing experience with my
coding and design skills to create bespoke websites that <span class="font-bold">told business’
product stories</span> in remarkable ways - all while using a product management methodology. </p>
<p class="text-[20px] leading-[120%] pt-[25px]"><span class="font-bold">The results were
astounding</span> - I saw an average of a <span class="font-bold">25% increase</span> in outreach
on sites after redoing them. I was getting people’s messages across clearly and positioning their
products in ways that were driving meaningful impact.
</p>
</div>
<div class="md:basis-[473px] ">
<img src="./groceries.jpeg" alt="groceries">
</div>
</div>
</div>
<div class="bg-[#D9D9D9]">
<div
class="max-w-[1440px] flex flex-col md:flex-row justify-around gap-[50px] items-center mx-auto md:p-[50px] p-[25px]">
<div class="md:basis-[652px] md:px-[25px]">
<h3 class="text-[48px] font-bold leading-[48px] pt-[25px]">Tools and Soft Skills</h3>
<!-- <p class="mt-[25px] text-[20px] leading-[120%] pt-[15px]"> Here are some highlights:</p> -->
<img src="./tools.jpeg" alt="tools" class="mt-[15px]">
</div>
<div class="basis-[473px] ">
<p class="text-[20px] leading-[120%] mt-[15px]"><span class="font-bold">Data Analysis</span>- I'm really
good at drawing accurate conclusions and creating actionable solutions from data.</p>
<p class="text-[20px] leading-[120%] mt-[15px]"><span class="font-bold">Team Focused</span>- “If you
want
to go fast go alone, if you want to go far, go together.” My team and our cross-functional teams are
a huge priority to me. I leverage EQ and attunement to maximize our collective happiness and
productivity.</p>
<p class="text-[20px] leading-[120%] mt-[15px]"><span class="font-bold">Communication</span> - As with
marketing, communicating with colleagues and stakeholders requires thought and care. I am a very
thoughtful and efficient communicator, attuning my message with my audience to ensure maximum
understanding.</p>
<p class="text-[20px] leading-[120%] mt-[15px]"><span class="font-bold">Leadership</span> - Experience
leading and forming teams. Ability to get people to do what I need without being their boss.</p>
</div>
</div>
</div>
<div class="bg-black text-white">
<div class="max-w-[1440px] md:p-[50px] p-[25px] mx-auto">
<h3 class="text-[48px] font-bold leading-[48px] pt-[25px]">Experience</h3>
<div class="flex justify-evenly flex-col md:flex-row md:gap-[10px]">
<div class="md:basis-[550px]">
<div class="mt-[25px]">
<h4 class="font-bold text-[24px] leading-[100%]"><span class="text-[#9EFF00] ">2012</span>
Holtzinger Fruit Co - Asst. Marketing Mgr.</h4>
<p class="text-[#7D7D7D] text-[14px]">Apple Packer and Seller Serving 38 Countries</p>
<p class="text-[16px] leading-[120%]">Pioneered several successful marketing efforts including
direct to consumer outreach and grower appreciation campaigns. Reduced marketing overhead by
90%. Reported directly to Director of Marketing. Engineered A/B tests and focus groups. </p>
</div>
<div class="mt-[25px]">
<h4 class="font-bold text-[24px] leading-[100%]"><span class="text-[#9EFF00] ">2016</span> Moss
Adams - Consulting Associate</h4>
<p class="text-[#7D7D7D] text-[14px]">Largest Public Accounting Firm With Headquarters in
Western US</p>
<p class="text-[16px] leading-[120%]">Worked in restructuring consulting. Consulted distressed
firms using deep data analysis skills to create strategic plans and financial models to
regain profitability. Optimized specific workflows to reduce completion time from seven days
to two. </p>
</div>
<div class="mt-[25px]">
<h4 class="font-bold text-[24px] leading-[100%]"><span class="text-[#9EFF00] ">2017</span>
Tolleson Wealth - Advisory Analyst</h4>
<p class="text-[#7D7D7D] text-[14px]">Dallas’ Premier Family Office Taking Care of All Things
Financial for the Ultra Wealthy</p>
<p class="text-[16px] leading-[120%]">Leveraged and honed EQ skills to understand client
concerns and present investment and financial data in a way that successfully addressed
their problems and boosted retention. Collaborated with six independent teams to achieve
superior client outcomes.</p>
</div>
</div>
<div class="md:basis-[550px]">
<div class="mt-[25px]">
<h4 class="font-bold text-[24px] leading-[100%]"><span class="text-[#9EFF00] ">2019</span>
Addepar - Implementation Manager+</h4>
<p class="text-[#7D7D7D] text-[14px]">World’s Leading SaaS Wealth Suite With Over $4.5T Assets
on Platform</p>
<p class="text-[16px] leading-[120%]">Wore several hats including relationship manager,
solutions consultant, implementation manager and services sales consultant. Served as
communications hub for five different departments. Using data analysis and communication,
boosted client retention by over 25%. Enhanced workflow efficiencies by over 500%. Served as
charter member of services sales team. </p>
</div>
<div class="mt-[25px]">
<h4 class="font-bold text-[24px] leading-[100%]"><span class="text-[#9EFF00] ">2022</span> SS&C
Black Diamond - Product Manager</h4>
<p class="text-[#7D7D7D] text-[14px]">Multi-Award Winning SaaS Wealth Management Platform</p>
<p class="text-[16px] leading-[120%]">Identified opportunities for new product features using
platform analytics, client interviews and industry surveying to drive roadmap thought
leadership and maximize client value in previously overlooked areas. Listened to clients and
their data to understand currently under-served product areas to boost retention and
profitability. </p>
</div>
<div class="mt-[25px]">
<h4 class="font-bold text-[24px] leading-[100%]"><span class="text-[#9EFF00] ">2022</span> Oshin Digital - Co-Founder & Head of Product</h4>
<p class="text-[#7D7D7D] text-[14px]">Disruptive Digital Marketing Startup</p>
<p class="text-[16px] leading-[120%]">Identified massive opportunity in the web design and development space. While 90% of the population was using WordPress and pre-built templates I turned to custom coding, design and copywriting to deliver websites that increased inbound outreach by over 30% on average! </p>
</div>
</div>
</div>
</div>
</div>
<div class="max-w-[1440px] mx-auto p-[25px] ">
<h4 class="text-[48px] font-bold md:ml-0 leading-[120%] ">Formal Resume</h4>
<div class=" mx-auto leading-[120%] text-[48px] font-bold py-[100px] text-center">
<p class="leading-[120%]">Prefer a standard resume?</p>
<a href="./collin-lawrence-resume.pdf" download="collin-resume">
<p class="text-[#9EFF00] leading-[120%]">Click here to download.</p>
</a>
</div>
</div>
<div class="bg-[black]">
<div class="max-w-[1440px] mx-auto">
<footer class=" text-white flex md:gap-[25px] gap-[10px] text-[18px] py-[15px] justify-center items-center flex-col md:flex-row">
<div class="flex gap-[5px] items-center">
<!-- <span class="material-symbols-outlined green-icon size-24">phone_iphone</span> -->
<p>(904) 562-8309</p>
</div>
<div class="flex gap-[5px] items-center">
<!-- <span class="material-symbols-outlined green-icon size-24">mountain_flag</span> -->
<p>Salt Lake City, UT</p>
</div>
<div class="flex gap-[5px] items-center">
<!-- <span class="material-symbols-outlined green-icon size-24">mail</span> -->
<p class="">[email protected]</p>
</div>
</footer>
</div>
</div>
</body>
</html>