PageSourceSearch

https://productdesigninterview.com/

html productdesigninterview.com collected 2026-09-24 21:56:47 UTC 47,380 bytes, 1,597 lines download raw bytes

1<!DOCTYPE html>
2<html>
3	<head>
4		<meta charset="utf-8" />
5
6		<title>Books to Grow Your UX and Product Design Career</title>
7		<meta name="viewport" content="width=device-width, shrink-to-fit=no" />
8
9		<link rel="stylesheet" href="/main-ce93fa5d49.css" />
10		<link rel="stylesheet" href="https://use.typekit.net/dwz1bsl.css" />
11
12		<!-- Search Engine -->
13		<meta name="description" content="Build a successful product design and UX career by getting your dream job, getting promoted and building a profitable design side-hustle." />
14
15		<!-- Schema.org for Google -->
16		<meta
17			itemprop="name"
18			content="Books to Grow Your UX and Product Design Career"
19		/>
20		<meta
21			itemprop="description"
22			content="Build a successful product design and UX career by getting your dream job, getting promoted and building a profitable design side-hustle."
23		/>
24
25		<!-- Twitter -->
26		<meta name="twitter:card" content="summary_large_image" />
27		<meta
28			name="twitter:title"
29			content="Books to Grow Your UX and Product Design Career"
30		/>
31		<meta
32			name="twitter:description"
33			content="Build a successful product design and UX career by getting your dream job, getting promoted and building a profitable design side-hustle."
34		/>
35		<meta name="twitter:site" content="@hvost" />
36		<meta
37			name="twitter:image:src"
38			content="https://productdesigninterview.com/img/social-share-22fc276583.jpg"
39		/>
40
41		<!-- Open Graph general (Facebook, Pinterest & Google+) -->
42		<meta
43			property="og:title"
44			content="Books to Grow Your UX and Product Design Career"
45		/>
46		<meta
47			property="og:description"
48			content="Build a successful product design and UX career by getting your dream job, getting promoted and building a profitable design side-hustle."
49		/>
50		<meta
51			property="og:image"
52			content="https://productdesigninterview.com/img/social-share-22fc276583.jpg"
53		/>
54		<meta property="og:type" content="website" />
55
56		<link rel="icon" href="/img/logo-38d6ed7d8b.svg" type="image/svg+xml" />
57
58		<meta
59			name="ahrefs-site-verification"
60			content="42d706e6f5fe06e05b95f79b5b65697873e84e87e9840c3081cb7222fd5e8007"
61		/>
62
63		
63<script type="application/ld+json">
64			{
65				"@context": "https://schema.org",
66				"@type": "Organization",
67				"name": "Product Design Interview",
68				"url": "https://productdesigninterview.com",
69				"logo": "https://productdesigninterview.com/img/logo-38d6ed7d8b.svg",
70				"founder": {
71					"@type": "Person",
72					"name": "Artiom Dashinsky",
73					"url": "https://www.linkedin.com/in/dashinsky/"
74				},
75				"sameAs": [
76					"https://twitter.com/hvost",
77					"https://www.linkedin.com/in/dashinsky/"
78				]
79			}
80		</script>
80
81
82		
83	</head>
84	<body class="antialiased">
85		
86		<header class="header">
87			<div class="header__inner">
88				<a class="logo" href="/">
89					<div class="logo__image-wrapper">
90						<img
91							class="logo__image"
92							src="/img/logo-38d6ed7d8b.svg"
93							alt="Solving Product Design Exercises: Interview Questions &amp; Answers"
94						/>
95					</div>
96
97					<div class="logo__text">
98						<h1 class="logo__title"></h1>
99						<h2 class="logo__subtitle"></h2>
100					</div>
101				</a>
102
103				<nav class="nav">
104					<ul class="nav__list">
105						<li class="nav__item">
106							<a
107								href="/"
108								class="nav__link nav__link--active"
109								>All <span class="hidden sm:inline">products</span></a
110							>
111						</li>
112						<li class="nav__item">
113							<a
114								href="/bundles"
115								class="nav__link "
116								>Bundles</a
117							>
118						</li>
119						<li class="nav__item">
120							<a href="https://docs.google.com/document/d/1T0Nj41GTq6riaf9DTHmmNXSkvJmcOVaoGAxRknBezTY/edit?usp=sharing" class="nav__link" target="_blank">Workshops</a>
121						</li>
122						<li class="nav__item">
123							<a href="/product-design-managers" class="nav__link"
124								><span class="hidden sm:inline">For</span> Managers</a
125							>
126						</li>
127						<li class="nav__item --desktop">
128							<a href="/#contact" class="nav__link drift-open-chat">Contact</a>
129						</li>
130					</ul>
131				</nav>
132			</div>
133		</header>
134		<!-- .header -->
135		
136
137		<div class="main mb-20">
138
139<section class="px-4 max-w-5xl mx-auto pt-12 pb-0 mb-0">
140	<div class="text-center">
141		<h2 class="companies__title companies__title--homepage companies__title--top">
142			<img src="/img/readers-1d235a7144.jpg" alt="Reader avatars" class="companies__title-avatars" />
143			Read by 30,000+ designers
144		</h2>
145	</div>
146</section>
147
148<section class="px-4 max-w-5xl mx-auto pt-6 pb-6 md:pb-12 mb-3 md:mb-6">
149	<div class="text-center grid gap-4 md:gap-8">
150		<h1 class="text-[2.5rem] md:text-[80px] font-bold max-w-4xl mx-auto leading-[1.1] md:leading-[1.2]">
151			Accelerate Your<br />Product Design Career
152		</h1>
153
154		<p class="text-2xl md:leading-10 md:text-[32px] max-w-2xl mx-auto">
155			Learn the timeless skills beyond pixels to build better products and
156			grow your career.
157		</p>
158	</div>
159</section>
160
161<section class="companies">
162	<h2 class="companies__title">Read by professionals working at:</h2>
163
164	<ul class="companies__list">
165		<li class="companies__company">
166			<img src="/img/companies/apple-3395d28fd6.svg" alt="Apple" class="companies__logo" />
167		</li>
168
169		<li class="companies__company">
170			<img
171				src="/img/companies/google-75fd928bc4.svg"
172				alt="Google"
173				class="companies__logo"
174				style="transform: translateY(3px)"
175			/>
176		</li>
177
178		<li class="companies__company">
179			<img src="/img/companies/uber-b1d435a41e.svg" alt="Uber" class="companies__logo" />
180		</li>
181
182		<li class="companies__company">
183			<img
184				src="/img/companies/dropbox-ab4af69eaa.svg"
185				alt="Dropbox"
186				class="companies__logo"
187			/>
188		</li>
189
190		<li class="companies__company">
191			<img
192				src="/img/companies/airbnb-add30e039e.svg"
193				alt="Airbnb"
194				class="companies__logo"
195			/>
196		</li>
197
198		<li class="companies__company">
199			<img src="/img/companies/ideo-ebae060d66.svg" alt="Ideo" class="companies__logo" />
200		</li>
201
202		<li class="companies__company">
203			<img
204				src="/img/companies/square-01dfbbc54c.svg"
205				alt="Square"
206				class="companies__logo"
207			/>
208		</li>
209
210		<li class="companies__company">
211			<img src="/img/companies/adobe-23cc14ab8e.svg" alt="Adobe" class="companies__logo" />
212		</li>
213	</ul>
214</section>
215
216<section class="max-w-5xl mx-auto py-12 grid gap-y-6">
217	<div class="bg-[#ECF0F1] rounded-lg md:rounded-3xl px-8 pt-12 pb-10 sm:p-8 md:py-12">
218		<div
219			class="max-w-3xl mx-auto grid md:flex gap-y-8 gap-x-16 justify-between items-center"
220		>
221			<div class="grid gap-2 md:order-last shrink-0">
222				<a href="/solving-product-design-exercises" class="block w-48 mx-auto">
223					<img
224						src="/img/other-books/solving-product-design-exercises-b694c5b54e.png"
225						srcset="/img/other-books/[email protected] 2x"
226						alt=""
227						class="object-contain mx-auto"
228					/>
229				</a>
230
231				<a href="/solving-product-design-exercises" class="text-center text-sm">
232					<img
233						class="store-rating__rating inline"
234						src="/img/book-star-rating-cb4a8616f4.svg"
235						alt="Book rating is 4.5 of 5"
236					/>342 reviews
237				</a>
238			</div>
239
240			<div class="grid gap-2">
241				<div class="flex flex-wrap gap-2 items-center">
242					<span
243						class="text-xs flex gap-1 uppercase text-[#6E7A7B] border border-[#CBDEE0] rounded-full px-2 py-1 leading-none items-center font-semibold"
244					>
245						<svg
246							xmlns="http://www.w3.org/2000/svg"
247							fill="none"
248							viewBox="0 0 13 13"
249							class="w-3 h-3"
250						>
251							<path
252								fill="currentColor"
253								d="M3.73 9.3h6.93v-9H3.73c-1.14 0-2.07.93-2.07 2.07V10c0 1.15.93 2.08 2.07 2.08h6.93V10.7H3.73a.7.7 0 0 1-.69-.7c0-.38.31-.69.7-.69Z"
254							/>
255						</svg>
256						<span class="-mt-0.5">Book</span>
257					</span>
258
259					<span
260						class="text-xs flex gap-1 uppercase text-[#6E7A7B] border border-[#CBDEE0] rounded-full px-2 py-1 leading-none items-center font-semibold"
261					>
262						<svg
263							width="13"
264							height="13"
265							viewBox="0 0 13 13"
266							fill="none"
267							xmlns="http://www.w3.org/2000/svg"
268						>
269							<g clip-path="url(#clip0_404_863)">
270								<path
271									fill-rule="evenodd"
272									clip-rule="evenodd"
273									d="M10.4971 1.64453H2.08884C1.10911 1.64453 0.292969 2.48495 0.292969 3.49385V8.87425C0.292969 9.88314 1.1091 10.7236 2.08884 10.7236H10.4971C11.4768 10.7236 12.293 9.88315 12.293 8.87425V3.49385C12.293 2.48496 11.5176 1.64453 10.4971 1.64453ZM8.33377 5.72157L5.55818 4.16623C5.23144 3.99824 4.82362 4.25023 4.82362 4.62868V7.73935C4.82362 8.1178 5.23191 8.36979 5.55818 8.2018L8.29297 6.64646C8.66048 6.47847 8.6605 5.93204 8.33377 5.72157Z"
274									fill="#6E7A7B"
275								/>
276							</g>
277							<defs>
278								<clipPath id="clip0_404_863">
279									<rect
280										width="12"
281										height="12"
282										fill="white"
283										transform="translate(0.292969 0.183594)"
284									/>
285								</clipPath>
286							</defs>
287						</svg>
288
289						<span class="-mt-0.5">Videos</span>
290					</span>
291				</div>
292
293				<a
294					href="/solving-product-design-exercises"
295					class="no-underline !text-black"
296				>
297					<h2 class="text-[21px] md:text-4xl font-bold leading-snug mt-0 mb-0">
298						Prepare for UX job interviews and practice product thinking
299					</h2>
300				</a>
301				<p class="text-lg md:text-xl font-medium leading-snug mt-0 mb-0">
302					Practice with whiteboard challenges used by top companies to hire
303					designers.
304				</p>
305
306				<a
307					href="/solving-product-design-exercises"
308					class="text-[#EB5851] font-bold text-lg flex gap-2 items-center no-underline"
309				>
310					Learn more
311
312					<svg
313						xmlns="http://www.w3.org/2000/svg"
314						fill="none"
315						viewBox="0 0 16 12"
316						class="w-3.5 shrink-0 mt-1"
317					>
318						<path
319							stroke="#EB5851"
320							stroke-width="2"
321							d="M.77 5.87h12.14M9.46 1.05l4.81 4.82-4.81 4.82"
322						/>
323					</svg>
324				</a>
325			</div>
326		</div>
327	</div>
328
329	<div class="bg-[#ECF0F1] rounded-lg md:rounded-3xl px-8 pt-12 pb-10 sm:p-8 md:py-12">
330		<div
331			class="max-w-3xl mx-auto grid md:flex gap-y-8 gap-x-16 justify-between items-center"
332		>
333			<div class="grid gap-2 md:order-last shrink-0">
334				<a
335					href="/the-path-to-senior-product-designer"
336					class="block w-48 mx-auto relative"
337				>
338					<img
339						src="/img/other-books/senior-product-designer-9a93add5f5.png"
340						srcset="/img/other-books/[email protected] 2x"
341						alt=""
342						class="object-contain"
343					/>
344				</a>
345
346				<a
347					href="/the-path-to-senior-product-designer"
348					class="text-center text-sm"
349				>
350					<img
351						class="store-rating__rating inline"
352						src="/img/book-star-rating-cb4a8616f4.svg"
353						alt="Book rating is 5 of 5"
354					/>82 reviews
355				</a>
356			</div>
357
358			<div class="grid gap-2">
359				<div class="flex flex-wrap gap-2 items-center">
360					<span
361						class="text-xs flex gap-1 uppercase text-[#6E7A7B] border border-[#CBDEE0] rounded-full px-2 py-1 leading-none items-center font-semibold"
362					>
363						<svg
364							xmlns="http://www.w3.org/2000/svg"
365							fill="none"
366							viewBox="0 0 13 13"
367							class="w-3 h-3"
368						>
369							<path
370								fill="currentColor"
371								d="M3.73 9.3h6.93v-9H3.73c-1.14 0-2.07.93-2.07 2.07V10c0 1.15.93 2.08 2.07 2.08h6.93V10.7H3.73a.7.7 0 0 1-.69-.7c0-.38.31-.69.7-.69Z"
372							/>
373						</svg>
374						<span class="-mt-0.5">Book</span>
375					</span>
376
377					<span
378						class="text-xs flex gap-1 uppercase text-[#6E7A7B] border border-[#CBDEE0] rounded-full px-2 py-1 leading-none items-center font-semibold"
379					>
380						<svg
381							width="13"
382							height="13"
383							viewBox="0 0 13 13"
384							fill="none"
385							xmlns="http://www.w3.org/2000/svg"
386						>
387							<g clip-path="url(#clip0_404_863)">
388								<path
389									fill-rule="evenodd"
390									clip-rule="evenodd"
391									d="M10.4971 1.64453H2.08884C1.10911 1.64453 0.292969 2.48495 0.292969 3.49385V8.87425C0.292969 9.88314 1.1091 10.7236 2.08884 10.7236H10.4971C11.4768 10.7236 12.293 9.88315 12.293 8.87425V3.49385C12.293 2.48496 11.5176 1.64453 10.4971 1.64453ZM8.33377 5.72157L5.55818 4.16623C5.23144 3.99824 4.82362 4.25023 4.82362 4.62868V7.73935C4.82362 8.1178 5.23191 8.36979 5.55818 8.2018L8.29297 6.64646C8.66048 6.47847 8.6605 5.93204 8.33377 5.72157Z"
392									fill="#6E7A7B"
393								/>
394							</g>
395							<defs>
396								<clipPath id="clip0_404_863">
397									<rect
398										width="12"
399										height="12"
400										fill="white"
401										transform="translate(0.292969 0.183594)"
402									/>
403								</clipPath>
404							</defs>
405						</svg>
406
407						<span class="-mt-0.5">Videos</span>
408					</span>
409				</div>
410
411				<a
412					href="the-path-to-senior-product-designer"
413					class="no-underline !text-black"
414				>
415					<h2 class="text-[21px] md:text-4xl font-bold leading-snug mt-0 mb-0">
416						Grow your career and get&nbsp;promoted
417					</h2>
418				</a>
419				<p class="text-lg md:text-xl font-medium leading-snug mt-0 mb-0">
420					Knowing every Figma trick doesn't get you promoted. Learn 12 skills
421					that do.
422				</p>
423
424				<a
425					href="the-path-to-senior-product-designer"
426					class="text-[#EB5851] font-bold text-lg flex gap-2 items-center no-underline"
427				>
428					Learn more
429
430					<svg
431						xmlns="http://www.w3.org/2000/svg"
432						fill="none"
433						viewBox="0 0 16 12"
434						class="w-3.5 shrink-0 mt-1"
435					>
436						<path
437							stroke="#EB5851"
438							stroke-width="2"
439							d="M.77 5.87h12.14M9.46 1.05l4.81 4.82-4.81 4.82"
440						/>
441					</svg>
442				</a>
443			</div>
444		</div>
445	</div>
446
447	<div class="bg-[#ECF0F1] rounded-lg md:rounded-3xl px-8 pt-12 pb-10 sm:p-8 md:py-12">
448		<div
449			class="max-w-3xl mx-auto grid md:flex gap-y-8 gap-x-16 justify-between items-center"
450		>
451			<div class="grid gap-2 md:order-last shrink-0">
452				<a
453					href="/the-path-to-staff-product-designer"
454					class="block w-48 mx-auto relative"
455				>
456				<div class="absolute top-0 left-0 -translate-x-4 -translate-y-1/2">
457					<span
458						class="inline-block uppercase text-white bg-[#EB5851] border-2 border-[#ECF0F1] rounded-full leading-none text-base px-3 py-1 font-semibold"
459						>New</span
460					>
461				</div>
462					<img
463						src="/img/other-books/the-path-to-staff-product-designer-book-cover-493cf30cff.png"
464						srcset="/img/other-books/[email protected] 2x"
465						alt=""
466						class="object-contain"
467					/>
468				</a>
469
470				<a href="/the-path-to-staff-product-designer" class="text-center text-sm">
471					<img
472						class="store-rating__rating inline"
473						src="/img/book-star-rating-5-61f18c3bc1.svg"
474						alt="Book rating is 5 of 5"
475					/>10 reviews
476				</a>
477			</div>
478
479			<div class="grid gap-2">
480				<div class="flex flex-wrap gap-2 items-center">
481					<span
482						class="text-xs flex gap-1 uppercase text-[#6E7A7B] border border-[#CBDEE0] rounded-full px-2 py-1 leading-none items-center font-semibold"
483					>
484						<svg
485							xmlns="http://www.w3.org/2000/svg"
486							fill="none"
487							viewBox="0 0 13 13"
488							class="w-3 h-3"
489						>
490							<path
491							fill="currentColor"
492							d="M3.73 9.3h6.93v-9H3.73c-1.14 0-2.07.93-2.07 2.07V10c0 1.15.93 2.08 2.07 2.08h6.93V10.7H3.73a.7.7 0 0 1-.69-.7c0-.38.31-.69.7-.69Z"
493							/>
494						</svg>
495						<span class="-mt-0.5">Book</span>
496					</span>
497				</div>
498
499				<a
500					href="/the-path-to-staff-product-designer"
501					class="no-underline !text-black"
502				>
503					<h2 class="text-[21px] md:text-4xl font-bold leading-snug mt-0 mb-0">
504						Get promoted to Staff, Lead, or&nbsp;Principal
505					</h2>
506				</a>
507				<p class="text-lg md:text-xl font-medium leading-snug mt-0 mb-0">
508					Progress to the next IC-level after Senior—whether it's called Staff, Lead, or Principal at your organization.
509				</p>
510
511				<a
512					href="/the-path-to-staff-product-designer"
513					class="text-[#EB5851] font-bold text-lg flex gap-2 items-center no-underline"
514				>
515					Learn more
516
517					<svg
518						xmlns="http://www.w3.org/2000/svg"
519						fill="none"
520						viewBox="0 0 16 12"
521						class="w-3.5 shrink-0 mt-1"
522					>
523						<path
524							stroke="#EB5851"
525							stroke-width="2"
526							d="M.77 5.87h12.14M9.46 1.05l4.81 4.82-4.81 4.82"
527						/>
528					</svg>
529				</a>
530			</div>
531		</div>
532	</div>
533
534	<div class="bg-[#ECF0F1] rounded-lg md:rounded-3xl px-8 pt-12 pb-10 sm:p-8 md:py-12">
535		<div
536			class="max-w-3xl mx-auto grid md:flex gap-y-8 gap-x-16 justify-between items-center"
537		>
538			<div class="grid gap-2 md:order-last shrink-0">
539				<a
540					href="/the-effective-product-designer"
541					class="block w-48 mx-auto relative"
542				>
543					<img
544						src="/img/other-books/effective-product-designer-329178e9d0.png"
545						srcset="/img/other-books/[email protected] 2x"
546						alt=""
547						class="object-contain"
548					/>
549				</a>
550
551				<a href="/the-effective-product-designer" class="text-center text-sm">
552					<img
553						class="store-rating__rating inline"
554						src="/img/book-star-rating-cb4a8616f4.svg"
555						alt="Book rating is 5 of 5"
556					/>33 reviews
557				</a>
558			</div>
559
560			<div class="grid gap-2">
561				<div class="flex flex-wrap gap-2 items-center">
562					<span
563						class="text-xs flex gap-1 uppercase text-[#6E7A7B] border border-[#CBDEE0] rounded-full px-2 py-1 leading-none items-center font-semibold"
564					>
565						<svg
566							xmlns="http://www.w3.org/2000/svg"
567							fill="none"
568							viewBox="0 0 13 13"
569							class="w-3 h-3"
570						>
571							<path
572								fill="currentColor"
573								d="M3.73 9.3h6.93v-9H3.73c-1.14 0-2.07.93-2.07 2.07V10c0 1.15.93 2.08 2.07 2.08h6.93V10.7H3.73a.7.7 0 0 1-.69-.7c0-.38.31-.69.7-.69Z"
574							/>
575						</svg>
576						<span class="-mt-0.5">Book</span>
577					</span>
578				</div>
579
580				<a
581					href="/the-effective-product-designer"
582					class="no-underline !text-black"
583				>
584					<h2 class="text-[21px] md:text-4xl font-bold leading-snug mt-0 mb-0">
585						Maximize your impact to build a better career
586					</h2>
587				</a>
588				<p class="text-lg md:text-xl font-medium leading-snug mt-0 mb-0">
589					27 actionable lessons on communication, persuasion, influence,
590					decision-making, productivity, and more.
591				</p>
592
593				<a
594					href="/the-effective-product-designer"
595					class="text-[#EB5851] font-bold text-lg flex gap-2 items-center no-underline"
596				>
597					Learn more
598
599					<svg
600						xmlns="http://www.w3.org/2000/svg"
601						fill="none"
602						viewBox="0 0 16 12"
603						class="w-3.5 shrink-0 mt-1"
604					>
605						<path
606							stroke="#EB5851"
607							stroke-width="2"
608							d="M.77 5.87h12.14M9.46 1.05l4.81 4.82-4.81 4.82"
609						/>
610					</svg>
611				</a>
612			</div>
613		</div>
614	</div>
615
616	<div
617		class="bg-[#ECF0F1] rounded-lg md:rounded-3xl px-8 pt-12 pb-10 sm:p-8 md:py-12 lg:py-[4.4rem]"
618	>
619		<div
620			class="max-w-3xl mx-auto grid md:flex gap-y-8 gap-x-16 justify-between items-center"
621		>
622			<div class="grid gap-2 md:order-last shrink-0">
623				<a
624					href="/product-design-career-workbook"
625					class="block w-56 mx-auto relative lg:-mr-4"
626				>
627					<div class="absolute top-0 left-0 -translate-x-4 -translate-y-1/2">
628						<span
629							class="inline-block uppercase text-white bg-[#EB5851] border-2 border-[#ECF0F1] rounded-full leading-none text-base px-3 py-1 font-semibold"
630							>New</span
631						>
632					</div>
633					<img
634						src="/img/other-books/product-design-career-workbook-0f0fd439d9.png"
635						srcset="/img/other-books/[email protected] 2x"
636						alt=""
637						class="object-contain"
638					/>
639				</a>
640
641				<a href="/product-design-career-workbook" class="text-center text-sm">
642					<img
643						class="store-rating__rating inline"
644						src="/img/book-star-rating-5-61f18c3bc1.svg"
645						alt="Book rating is 5 of 5"
646					/>10 ratings
647				</a>
648			</div>
649
650			<div class="grid gap-2">
651				<div class="flex flex-wrap gap-2 items-center">
652					<span
653						class="text-xs flex gap-1 uppercase text-[#6E7A7B] border border-[#CBDEE0] rounded-full px-2 py-1 leading-none items-center font-semibold"
654					>
655						<svg
656							xmlns="http://www.w3.org/2000/svg"
657							fill="none"
658							viewBox="0 0 13 13"
659							class="w-3 h-3"
660						>
661							<path
662								fill="currentColor"
663								d="M3.73 9.3h6.93v-9H3.73c-1.14 0-2.07.93-2.07 2.07V10c0 1.15.93 2.08 2.07 2.08h6.93V10.7H3.73a.7.7 0 0 1-.69-.7c0-.38.31-.69.7-.69Z"
664							/>
665						</svg>
666						<span class="-mt-0.5">Book</span>
667					</span>
668				</div>
669
670				<a
671					href="/product-design-career-workbook"
672					class="no-underline !text-black"
673				>
674					<h2 class="text-[21px] md:text-4xl font-bold leading-snug mt-0 mb-0">
675						Reflect on your career to gain clarity and grow
676					</h2>
677				</a>
678				<p class="text-lg md:text-xl font-medium leading-snug mt-0 mb-0">
679					A journaling workbook with 39 exercises for decision-making,
680					goal-setting, learning, career growth, and more.
681				</p>
682
683				<a
684					href="/product-design-career-workbook"
685					class="text-[#EB5851] font-bold text-lg flex gap-2 items-center no-underline"
686				>
687					Learn more
688
689					<svg
690						xmlns="http://www.w3.org/2000/svg"
691						fill="none"
692						viewBox="0 0 16 12"
693						class="w-3.5 shrink-0 mt-1"
694					>
695						<path
696							stroke="#EB5851"
697							stroke-width="2"
698							d="M.77 5.87h12.14M9.46 1.05l4.81 4.82-4.81 4.82"
699						/>
700					</svg>
701				</a>
702			</div>
703		</div>
704	</div>
705
706
707	<div class="bg-[#ECF0F1] rounded-lg md:rounded-3xl px-8 pt-12 pb-10 sm:p-8 md:py-20">
708		<div
709			class="max-w-3xl mx-auto grid md:flex gap-y-8 gap-x-16 justify-between items-center"
710		>
711			<div class="grid gap-2 md:order-last shrink-0">
712				<a href="/vibe-coding" class="block w-64 mx-auto relative">
713					<div class="absolute top-0 left-0 -translate-x-4 -translate-y-1/2">
714						<span
715							class="inline-block uppercase text-white bg-[#EB5851] border-2 border-[#ECF0F1] rounded-full leading-none text-base px-3 py-1 font-semibold"
716							>New</span
717						>
718					</div>
719					<img
720						src="/img/vibe-coding/vibe-coding-preview-e0a484b25e.png"
721						srcset="/img/vibe-coding/[email protected] 2x"
722						alt="Vibe-Coding for Designers"
723						class="object-contain rounded-lg border border-gray-200"
724					/>
725				</a>
726			</div>
727
728			<div class="grid gap-2">
729				<div class="flex flex-wrap gap-2 items-center">
730					<span
731						class="text-xs flex gap-1 uppercase text-[#6E7A7B] border border-[#CBDEE0] rounded-full px-2 py-1 leading-none items-center font-semibold"
732					>
733						<svg
734							width="13"
735							height="13"
736							viewBox="0 0 13 13"
737							fill="none"
738							xmlns="http://www.w3.org/2000/svg"
739						>
740							<g clip-path="url(#clip0_404_863)">
741								<path
742									fill-rule="evenodd"
743									clip-rule="evenodd"
744									d="M10.4971 1.64453H2.08884C1.10911 1.64453 0.292969 2.48495 0.292969 3.49385V8.87425C0.292969 9.88314 1.1091 10.7236 2.08884 10.7236H10.4971C11.4768 10.7236 12.293 9.88315 12.293 8.87425V3.49385C12.293 2.48496 11.5176 1.64453 10.4971 1.64453ZM8.33377 5.72157L
7445.55818 4.16623C5.23144 3.99824 4.82362 4.25023 4.82362 4.62868V7.73935C4.82362 8.1178 5.23191 8.36979 5.55818 8.2018L8.29297 6.64646C8.66048 6.47847 8.6605 5.93204 8.33377 5.72157Z"
745									fill="#6E7A7B"
746								/>
747							</g>
748							<defs>
749								<clipPath id="clip0_404_863">
750									<rect
751										width="12"
752										height="12"
753										fill="white"
754										transform="translate(0.292969 0.183594)"
755									/>
756								</clipPath>
757							</defs>
758						</svg>
759
760						<span class="-mt-0.5">Videos</span>
761					</span>
762				</div>
763
764				<a href="/vibe-coding" class="no-underline !text-black">
765					<h2 class="text-[21px] md:text-4xl font-bold leading-snug mt-0 mb-0">
766						Vibe-coding for designers
767					</h2>
768				</a>
769				<p class="text-lg md:text-xl font-medium leading-snug mt-0 mb-0">Watch how to design and build real features for live products using AI.</p>
770
771				<a
772					href="/vibe-coding"
773					class="text-[#EB5851] font-bold text-lg flex gap-2 items-center no-underline"
774				>
775					Learn more
776
777					<svg
778						xmlns="http://www.w3.org/2000/svg"
779						fill="none"
780						viewBox="0 0 16 12"
781						class="w-3.5 shrink-0 mt-1"
782					>
783						<path
784							stroke="#EB5851"
785							stroke-width="2"
786							d="M.77 5.87h12.14M9.46 1.05l4.81 4.82-4.81 4.82"
787						/>
788					</svg>
789				</a>
790			</div>
791		</div>
792	</div>
793
794	<div class="bg-[#ECF0F1] rounded-lg md:rounded-3xl px-8 pt-12 pb-10 sm:p-8 md:py-20">
795		<div
796			class="max-w-3xl mx-auto grid md:flex gap-y-8 gap-x-16 justify-between items-center"
797		>
798			<div class="grid gap-2 md:order-last shrink-0">
799				<a href="/ux-design-portfolio" class="block w-48 mx-auto relative">
800					<img
801						src="/img/portfolios/portfolio-home-e2ac8a2174.png"
802						srcset="/img/portfolios/[email protected] 2x"
803						alt=""
804						class="object-contain"
805					/>
806				</a>
807			</div>
808
809			<div class="grid gap-2">
810				<div class="flex flex-wrap gap-2 items-center">
811					<span
812						class="text-xs flex gap-1 uppercase text-[#6E7A7B] border border-[#CBDEE0] rounded-full px-2 py-1 leading-none items-center font-semibold"
813					>
814						<svg
815							xmlns="http://www.w3.org/2000/svg"
816							fill="none"
817							viewBox="0 0 13 13"
818							class="w-3 h-3"
819						>
820							<path
821								fill="currentColor"
822								d="M3.73 9.3h6.93v-9H3.73c-1.14 0-2.07.93-2.07 2.07V10c0 1.15.93 2.08 2.07 2.08h6.93V10.7H3.73a.7.7 0 0 1-.69-.7c0-.38.31-.69.7-.69Z"
823							/>
824						</svg>
825						<span class="-mt-0.5">eBook</span>
826					</span>
827
828					<span
829						class="text-xs flex gap-1 uppercase text-[#6E7A7B] border border-[#CBDEE0] rounded-full px-2 py-1 leading-none items-center font-semibold"
830					>
831						<svg
832							width="13"
833							height="13"
834							viewBox="0 0 13 13"
835							fill="none"
836							xmlns="http://www.w3.org/2000/svg"
837						>
838							<g clip-path="url(#clip0_404_863)">
839								<path
840									fill-rule="evenodd"
841									clip-rule="evenodd"
842									d="M10.4971 1.64453H2.08884C1.10911 1.64453 0.292969 2.48495 0.292969 3.49385V8.87425C0.292969 9.88314 1.1091 10.7236 2.08884 10.7236H10.4971C11.4768 10.7236 12.293 9.88315 12.293 8.87425V3.49385C12.293 2.48496 11.5176 1.64453 10.4971 1.64453ZM8.33377 5.72157L5.55818 4.16623C5.23144 3.99824 4.82362 4.25023 4.82362 4.62868V7.73935C4.82362 8.1178 5.23191 8.36979 5.55818 8.2018L8.29297 6.64646C8.66048 6.47847 8.6605 5.93204 8.33377 5.72157Z"
843									fill="#6E7A7B"
844								/>
845							</g>
846							<defs>
847								<clipPath id="clip0_404_863">
848									<rect
849										width="12"
850										height="12"
851										fill="white"
852										transform="translate(0.292969 0.183594)"
853									/>
854								</clipPath>
855							</defs>
856						</svg>
857
858						<span class="-mt-0.5">Videos</span>
859					</span>
860				</div>
861
862				<a href="/ux-design-portfolio" class="no-underline !text-black">
863					<h2 class="text-[21px] md:text-4xl font-bold leading-snug mt-0 mb-0">
864						Improve your portfolio, LinkedIn and CV in 2026
865					</h2>
866				</a>
867				<p class="text-lg md:text-xl font-medium leading-snug mt-0 mb-0">A bundle of resources:</p>
868
869				<ul class="whats-inside__list-first whats-inside-list-first">
870					<li class="whats-inside-list-first__item">
871						eBook by Fedor Shkliarau
872					</li>
873					<li class="whats-inside-list-first__item">
874						Report based on 141 portfolios
875					</li>
876					<li class="whats-inside-list-first__item">
877						FAANG portfolios database
878					</li>
879					<li class="whats-inside-list-first__item">
880						120 CVs and LinkedIn profiles
881					</li>
882				</ul>
883
884				<a
885					href="/ux-design-portfolio"
886					class="text-[#EB5851] font-bold text-lg flex gap-2 items-center no-underline"
887				>
888					Learn more
889
890					<svg
891						xmlns="http://www.w3.org/2000/svg"
892						fill="none"
893						viewBox="0 0 16 12"
894						class="w-3.5 shrink-0 mt-1"
895					>
896						<path
897							stroke="#EB5851"
898							stroke-width="2"
899							d="M.77 5.87h12.14M9.46 1.05l4.81 4.82-4.81 4.82"
900						/>
901					</svg>
902				</a>
903			</div>
904		</div>
905	</div>
906
907	<!--	<div class="bg-[#ECF0F1] rounded-lg md:rounded-3xl px-8 pt-12 pb-10 sm:p-8 md:py-20">
908		<div
909			class="max-w-3xl mx-auto grid md:flex gap-y-8 gap-x-16 justify-between items-center"
910		>
911			<div class="grid gap-2 md:order-last shrink-0">
912				<a
913					href="/ux-portfolio-review"
914					class="block w-64 mx-auto"
915				>
916					<img
917						src="/img/portfolios/portfolio-reivew-home-e79c5b12c5.png"
918						srcset="/img/portfolios/[email protected] 2x"
919						alt=""
920						class="object-contain mx-auto"
921					/>
922				</a>
923			</div>
924
925			<div class="grid gap-4">
926				<h2 class="text-[21px] md:text-4xl font-bold leading-snug mt-0 mb-0">Improve your portfolio to get more and better offers</h2>
927
928				<p class="text-lg md:text-xl font-medium leading-snug mt-0 mb-0">
929					Get your portfolio reviewed by a Staff Designer previously involved in hiring at Meta and Microsoft.
930				</p>
931
932				<a
933					href="/ux-portfolio-review"
934					class="text-[#EB5851] font-bold text-lg flex gap-2 items-center no-underline"
935				>
936					Learn more
937
938					<svg
939						xmlns="http://www.w3.org/2000/svg"
940						fill="none"
941						viewBox="0 0 16 12"
942						class="w-3.5 shrink-0 mt-1"
943					>
944						<path
945							stroke="#EB5851"
946							stroke-width="2"
947							d="M.77 5.87h12.14M9.46 1.05l4.81 4.82-4.81 4.82"
948						/>
949					</svg>
950				</a>
951			</div>
952		</div>
953	</div>
954
955	<div class="bg-[#ECF0F1] rounded-lg md:rounded-3xl px-8 pt-12 pb-10 sm:p-8 md:py-20">
956		<div
957			class="max-w-3xl mx-auto grid md:flex gap-y-8 gap-x-16 justify-between items-center"
958		>
959			<div class="grid gap-2 md:order-last shrink-0">
960				<a href="/ux-design-portfolio" class="block w-64 mx-auto">
961					<img
962						src="/img/portfolios/portfolio-home-e2ac8a2174.png"
963						srcset="/img/portfolios/[email protected] 2x"
964						alt=""
965						class="object-contain mx-auto"
966					/>
967				</a>
968			</div>
969
970			<div class="grid gap-4">
971				<h2 class="text-[21px] md:text-4xl font-bold leading-snug mt-0 mb-0">
972					Improve your portfolio, LinkedIn and CV in 2026
973				</h2>
974
975				<p class="text-lg md:text-xl font-medium leading-snug mt-0 mb-0">A bundle of resources:</p>
976
977				<ul class="whats-inside__list-first whats-inside-list-first">
978					<li class="whats-inside-list-first__item">
979						eBook by Fedor Shkliarau
980					</li>
981					<li class="whats-inside-list-first__item">
982						Report based on 141 portfolios
983					</li>
984					<li class="whats-inside-list-first__item">
985						FAANG portfolios database
986					</li>
987					<li class="whats-inside-list-first__item">
988						120 CVs and LinkedIn profiles
989					</li>
990				</ul>
991
992				<a
993					href="/ux-design-portfolio"
994					class="text-[#EB5851] font-bold text-lg flex gap-2 items-center no-underline"
995				>
996					Learn more
997
998					<svg
999						xmlns="http://www.w3.org/2000/svg"
1000						fill="none"
1001						viewBox="0 0 16 12"
1002						class="w-3.5 shrink-0 mt-1"
1003					>
1004						<path
1005							stroke="#EB5851"
1006							stroke-width="2"
1007							d="M.77 5.87h12.14M9.46 1.05l4.81 4.82-4.81 4.82"
1008						/>
1009					</svg>
1010				</a>
1011			</div>
1012		</div>
1013	</div>-->
1014
1015	<div class="bg-[#ECF0F1] rounded-lg md:rounded-3xl px-8 pt-12 pb-10 sm:p-8 md:py-12">
1016		<div
1017			class="max-w-3xl mx-auto grid md:flex gap-y-8 gap-x-16 justify-between items-center"
1018		>
1019			<div class="grid gap-2 md:order-last shrink-0">
1020				<a href="https://productideasbook.com" class="block w-48 mx-auto">
1021					<img
1022						src="/img/other-books/generating-product-ideas-2e2858b39d.png"
1023						srcset="/img/other-books/[email protected] 2x"
1024						alt=""
1025						class="object-contain mx-auto"
1026					/>
1027				</a>
1028
1029				<a href="https://productideasbook.com" class="text-center text-sm">
1030					<img
1031						class="store-rating__rating inline"
1032						src="/img/book-star-rating-cb4a8616f4.svg"
1033						alt="Book rating is 4.5 of 5"
1034					/>98 reviews
1035				</a>
1036			</div>
1037
1038			<div class="grid gap-2">
1039				<div class="flex flex-wrap gap-2 items-center">
1040					<span
1041						class="text-xs flex gap-1 uppercase text-[#6E7A7B] border border-[#CBDEE0] rounded-full px-2 py-1 leading-none items-center font-semibold"
1042					>
1043						<svg
1044							xmlns="http://www.w3.org/2000/svg"
1045							fill="none"
1046							viewBox="0 0 13 13"
1047							class="w-3 h-3"
1048						>
1049							<path
1050								fill="currentColor"
1051								d="M3.73 9.3h6.93v-9H3.73c-1.14 0-2.07.93-2.07 2.07V10c0 1.15.93 2.08 2.07 2.08h6.93V10.7H3.73a.7.7 0 0 1-.69-.7c0-.38.31-.69.7-.69Z"
1052							/>
1053						</svg>
1054						<span class="-mt-0.5">Book</span>
1055					</span>
1056				</div>
1057
1058				<a href="https://productideasbook.com" class="no-underline !text-black">
1059					<h2 class="text-[21px] md:text-4xl font-bold leading-snug mt-0 mb-0">
1060						Start a side-project or a business
1061					</h2>
1062				</a>
1063				<p class="text-lg md:text-xl font-medium leading-snug mt-0 mb-0">
1064					Learn how to generate ideas for your next business, side hustle, or
1065					indie startup.
1066				</p>
1067
1068				<a
1069					href="https://productideasbook.com"
1070					class="text-[#EB5851] font-bold text-lg flex gap-2 items-center no-underline"
1071				>
1072					Learn more
1073
1074					<svg
1075						xmlns="http://www.w3.org/2000/svg"
1076						fill="none"
1077						viewBox="0 0 16 16"
1078						class="w-3.5 shrink-0 mt-1"
1079					>
1080						<path
1081							stroke="#EB5851"
1082							stroke-width="2"
1083							d="m4.18 12.3 6.96-6.95M5.29 4.4h6.81v6.8"
1084						/>
1085					</svg>
1086				</a>
1087			</div>
1088		</div>
1089	</div>
1090
1091	<!-- Team workshops section commented out
1092	<div class="bg-[#ECF0F1] rounded-lg md:rounded-3xl px-8 pt-12 pb-10 sm:p-8 md:py-20">
1093		<div
1094			class="max-w-3xl mx-auto grid md:flex gap-y-8 gap-x-16 justify-between items-center"
1095		>
1096			<div class="grid gap-2 md:order-last shrink-0">
1097				<a href="/product-design-managers" class="block w-64 mx-auto">
1098					<img
1099						src="/img/workshops/workshop-preview-54737c10ca.png"
1100						srcset="/img/workshops/[email protected] 2x"
1101						alt="Workshop preview showing impact levels diagram and instructor headshot"
1102						class="object-contain mx-auto"
1103					/>
1104				</a>
1105			</div>
1106
1107			<div class="grid gap-4">
1108				<h2 class="text-[21px] md:text-4xl font-bold leading-snug mt-0 mb-0">Team workshops</h2>
1109
1110				<p class="text-lg md:text-xl font-medium leading-snug mt-0 mb-0">
1111					Book a workshop to help your team gain influence, sell their ideas, and ship better products faster.
1112				</p>
1113
1114				<a
1115					href="https://docs.google.com/document/d/1T0Nj41GTq6riaf9DTHmmNXSkvJmcOVaoGAxRknBezTY/edit?usp=sharing"
1116					class="text-[#EB5851] font-bold text-lg flex gap-2 items-center no-underline"
1117					target="_blank"
1118				>
1119					More details
1120
1121					<svg
1122						xmlns="http://www.w3.org/2000/svg"
1123						fill="none"
1124						viewBox="0 0 16 16"
1125						class="w-3.5 shrink-0 mt-1"
1126					>
1127						<path
1128							stroke="#EB5851"
1129							stroke-width="2"
1130							d="m4.18 12.3 6.96-6.95M5.29 4.4h6.81v6.8"
1131						/>
1132					</svg>
1133				</a>
1134			</div>
1135		</div>
1136	</div>
1137	-->
1138
1139</section>
1140
1141<a
1142	href="/bundles"
1143	class="max-w-xl mx-auto px-6 flex flex-wrap justify-center gap-x-8 gap-y-4 no-underline"
1144>
1145	<img
1146		src="/img/bundle-a39e04e1d1.jpg"
1147		srcset="/img/effective-product-designer/[email protected] 2x"
1148		alt=""
1149		class=""
1150	/>
1151
1152	<div
1153		class="text-black font-bold text-lg flex flex-wrap gap-x-2 items-center justify-center"
1154	>
1155	Want more than one?
1156		<span
1157			class="text-[#EB5851] font-bold text-lg flex gap-2 items-center justify-center"
1158		>
1159			Save with bundles
1160
1161			<svg
1162				xmlns="http://www.w3.org/2000/svg"
1163				fill="none"
1164				viewBox="0 0 16 12"
1165				class="w-3.5 shrink-0 mt-0.5"
1166			>
1167				<path
1168					stroke="#EB5851"
1169					stroke-width="2"
1170					d="M.77 5.87h12.14M9.46 1.05l4.81 4.82-4.81 4.82"
1171				/>
1172			</svg>
1173		</span>
1174	</div>
1175</a>
1176
1177<section class="max-w-5xl mx-auto py-12 grid gap-y-6 text-base">
1178	<div
1179		class="grid md:grid-cols-2 gap-8 items-start pt-16 border-t border-[#ECF0F1]"
1180	>
1181		<div class="grid gap-1">
1182			<div class="text-xl font-semibold">Recommended by design educators</div>
1183			<div class="flex gap-4">
1184				<svg
1185					xmlns="http://www.w3.org/2000/svg"
1186					fill="none"
1187					viewBox="0 0 38 39"
1188					class="w-9 shrink-0"
1189				>
1190					<path
1191						fill="#BB8302"
1192						d="M37.89 33.87h-2.35v-14.1h2.35v-4.69h-9.4A9.4 9.4 0 0 0 21.44 6V.99h-4.7v5a9.38 9.38 0 0 0-7.04 9.1H.3v4.69h2.35v14.1H.3v4.7H37.9v-4.7Zm-7.05-14.1v14.1h-4.7v-14.1h4.7Zm-9.4 0v14.1h-4.7v-14.1h4.7Zm-2.35-9.39a4.7 4.7 0 0 1 4.7 4.7h-9.4c0-2.6 2.1-4.7 4.7-4.7Zm-11.74 9.4h4.7v14.1h-4.7v-14.1Z"
1193					/>
1194				</svg>
1195
1196				<p>
1197					Read by students at Stanford, MIT, Berkeley, Cornell, UCLA, etc.
1198					Recommended by professors at select schools.
1199				</p>
1200			</div>
1201		</div>
1202
1203		<div class="grid gap-2">
1204			<div class="text-[#6E7A7B] text-xs uppercase font-semibold leading-7">
1205				Available on
1206			</div>
1207
1208			<div class="flex gap-6 flex-wrap">
1209				<a
1210					href="https://www.amazon.com/stores/Artiom-Dashinsky/author/B079NJSVZJ"
1211					class=""
1212				>
1213					<img
1214						src="/img/stores/amazon-com-small-316b45adfb.svg"
1215						alt="Amazon.com"
1216						class=""
1217					/>
1218				</a>
1219				<a
1220					href="https://www.amazon.co.uk/stores/Artiom-Dashinsky/author/B079NJSVZJ"
1221					class=""
1222				>
1223					<img src="/img/stores/amazon-co-uk-d82d11a2a7.svg" alt="Amazon.co.uk" class="" />
1224				</a>
1225				<a
1226					href="https://www.amazon.de/-/en/Artiom-Dashinsky/e/B079NJSVZJ/"
1227					class=""
1228				>
1229					<img src="/img/stores/amazon-de-860bbae765.svg" alt="Amazon.de" class="" />
1230				</a>
1231			</div>
1232		</div>
1233	</div>
1234</section>
1235
1236<section class="max-w-5xl mx-auto py-6 grid gap-y-6">
1237	<h2 class="font-medium text-3xl text-[32px]">Free resources</h2>
1238	<div
1239		class="border-2 border-[#ECF0F1] rounded-lg md:rounded-3xl px-8 pt-12 pb-10 sm:p-8 md:py-16"
1240	>
1241		<div
1242			class="max-w-4xl mx-auto grid md:flex gap-y-8 gap-x-16 justify-between items-center"
1243		>
1244			<div class="grid gap-2 shrink-0">
1245				<img
1246					src="/img/notepad-e5057c9a86.png"
1247					srcset="/img/[email protected] 2x"
1248					alt=""
1249					class="object-contain mx-auto"
1250				/>
1251			</div>
1252
1253			<div class="grid gap-4">
1254				<h2 class="text-[21px] md:text-4xl font-bold leading-snug mt-0 mb-0">
1255					Get a weekly tip about growing your UX career
1256				</h2>
1257
1258				<p class="text-lg md:text-xl font-medium leading-snug mt-0 mb-0">
1259					Join 18,937 designers who stay up to date, learn new skills, and stay relevant – for free.
1260				</p>
1261
1262				<form
1263					class="mail-form"
1264					action="https://sugar.us8.list-manage.com/subscribe/post?u=17cbfb7f968f565100ba1a40d&id=6c327acffb"
1265					method="post"
1266					name="mc-embedded-subscribe-form"
1267					target="_blank"
1268					novalidate
1269				>
1270					<p class="mail-form__textfield-wrapper">
1271						<input
1272							class="mail-form__textfield"
1273							placeholder="Your email"
1274							type="email"
1275							value=""
1276							name="EMAIL"
1277						/>
1278					</p>
1279
1280					<p class="mail-form__submit-wrapper">
1281						<button
1282							class="mail-form__submit button button--bigger"
1283							type="submit"
1284							name="subscribe"
1285						>
1286							Get Started
1287						</button>
1288					</p>
1289
1290					<div style="position: absolute; left: -5000px" aria-hidden="true">
1291						<input
1292							type="text"
1293							name="b_17cbfb7f968f565100ba1a40d_9eb13e35cb"
1294							tabindex="-1"
1295							value=""
1296						/>
1297					</div>
1298				</form>
1299			</div>
1300		</div>
1301	</div>
1302</section>
1303
1304<a name="for-managers"></a>
1305<section class="max-w-5xl mx-auto py-12 grid gap-y-6">
1306	<h2 class="font-medium text-3xl text-[32px]">For managers</h2>
1307
1308	<div class="bg-[#ECF0F1] rounded-lg md:rounded-3xl px-8 pt-12 pb-10 sm:p-8 md:py-20">
1309		<div
1310			class="max-w-3xl mx-auto grid md:flex gap-y-8 gap-x-16 justify-between items-center"
1311		>
1312			<div class="grid gap-2 md:order-last shrink-0">
1313				<a href="/product-design-managers" class="block w-64 mx-auto">
1314					<img
1315						src="/img/other-books/bonus-d12e2d3fe3.png"
1316						srcset="/img/other-books/[email protected] 2x"
1317						alt=""
1318						class="object-contain mx-auto"
1319					/>
1320				</a>
1321			</div>
1322
1323			<div class="grid gap-4">
1324				<h2 class="text-[21px] md:text-4xl font-bold leading-snug mt-0 mb-0">Help your team grow</h2>
1325
1326				<p class="text-lg md:text-xl font-medium leading-snug mt-0 mb-0">
1327					Grow and retain designers on your team:
1328				</p>
1329
1330				<ul class="whats-inside__list-first whats-inside-list-first">
1331					<li class="whats-inside-list-first__item">
1332						Create a career growth plan
1333					</li>
1334					<li class="whats-inside-list-first__item">
1335						Define design titles and levels
1336					</li>
1337					<li class="whats-inside-list-first__item">
1338						Provide designers with educational materials
1339					</li>
1340					<li class="whats-inside-list-first__item">
1341						Managers’ portfolios list to inspire you
1342					</li>
1343				</ul>
1344
1345				<a
1346					href="/product-design-managers"
1347					class="text-[#EB5851] font-bold text-lg flex gap-2 items-center no-underline"
1348				>
1349					Learn more
1350
1351					<svg
1352						xmlns="http://www.w3.org/2000/svg"
1353						fill="none"
1354						viewBox="0 0 16 12"
1355						class="w-3.5 shrink-0 mt-1"
1356					>
1357						<path
1358							stroke="#EB5851"
1359							stroke-width="2"
1360							d="M.77 5.87h12.14M9.46 1.05l4.81 4.82-4.81 4.82"
1361						/>
1362					</svg>
1363				</a>
1364			</div>
1365		</div>
1366	</div>
1367</section>
1368
1369</div>
1370		<!-- .main -->
1371
1372		<footer
1373			class="grid md:grid-cols-12 gap-4 max-w-7xl px-3 mx-auto border-y py-8 border-[#ecf0f1]"
1374		>
1375			<div class="md:col-span-1">
1376				<svg
1377					xmlns="http://www.w3.org/2000/svg"
1378					fill="none"
1379					viewBox="0 0 31 33"
1380					class="w-8"
1381				>
1382					<path
1383						fill="#000"
1384						fill-rule="evenodd"
1385						d="M29.24.24a.94.94 0 0 1 1.3.86v24.27c0 .38-.23.72-.57.87L15.9 32.1h-.04l-.02.01-.06.02a.92.92 0 0 1-.24.04.9.9 0 0 1-.3-.06h-.02l-.04-.01-14.06-5.86a.94.94 0 0 1-.58-.87V1.1a.94.94 0 0 1 1.3-.86l13.7 5.7 13.7-5.7Zm-14.63 13.2v16.38L2.4 24.74V2.51l12.2 5.08v5.85Zm14.06 11.3-12.19 5.08V7.6l12.19-5.08v22.23Z"
1386						clip-rule="evenodd"
1387					/>
1388				</svg>
1389			</div>
1390
1391			<div class="md:col-span-3 grid gap-2 content-start">
1392				<div class="text-xs text-[#6E7A7B] uppercase font-semibold">
1393					For Designers
1394				</div>
1395
1396				<nav class="grid gap-2 text-sm font-medium">
1397					<a
1398						href="/product-design-career-workbook"
1399						class="link__chevron block no-underline"
1400						>Reflect on your design career to gain clarity and grow</a
1401					>
1402					<a
1403						href="/the-effective-product-designer"
1404						class="link__chevron block no-underline"
1405						>
1405Maximize Your Impact to Build a Better UX Career</a
1406					>
1407					<a
1408						href="/solving-product-design-exercises"
1409						class="link__chevron block no-underline"
1410						>Solving Product Design Exercises: Questions and Answers</a
1411					>
1412					<a
1413						href="/the-path-to-senior-product-designer"
1414						class="link__chevron block no-underline"
1415						>The Path To Senior Product Designer: An Actionable Career Growth
1416						Plan for UX Designers</a
1417					>
1418					<a
1419						href="https://productideasbook.com/"
1420						class="link__chevron block no-underline"
1421						target="_blank"
1422						>Generating Product Ideas: Actionable Techniques for Finding New
1423						Business Ideas (external site)</a
1424					>
1425				</nav>
1426			</div>
1427
1428			<div class="md:col-span-3 grid gap-2 content-start">
1429				<div class="text-xs text-[#6E7A7B] uppercase font-semibold">
1430					For Managers
1431				</div>
1432
1433				<nav class="grid gap-2 text-sm font-medium">
1434					<a
1435						href="/ux-design-job-interview-process"
1436						class="link__chevron block no-underline"
1437						>UX design career growth plan</a
1438					>
1439					<a
1440						href="/product-designer-competencies-matrix"
1441						class="link__chevron block no-underline"
1442						>Design competency matrix</a
1443					>
1444					<a
1445						href="/product-design-managers"
1446						class="link__chevron block no-underline"
1447						>Educational materials for design team</a
1448					>
1449				</nav>
1450			</div>
1451
1452			<div class="md:col-span-3 grid gap-2 content-start">
1453				<div class="text-xs text-[#6E7A7B] uppercase font-semibold">More</div>
1454
1455				<nav class="grid gap-2 text-sm font-medium">
1456					<a
1457						href="/weekly-ux-product-design-exercise"
1458						class="link__chevron block no-underline"
1459						>UX Design Challenges</a
1460					>
1461				</nav>
1462			</div>
1463
1464			<div class="md:col-span-2 grid gap-2 content-start">
1465				<div class="text-xs text-[#6E7A7B] uppercase font-semibold">Follow</div>
1466
1467				<nav class="flex flex-wrap gap-4 text-sm font-medium">
1468					<a href="https://twitter.com/hvost" class="block no-underline">
1469						<svg
1470							xmlns="http://www.w3.org/2000/svg"
1471							fill="none"
1472							viewBox="0 0 16 17"
1473							class="h-[18px]"
1474						>
1475							<path
1476								fill="#616568"
1477								d="m9.56 7.1 5.7-6.63H13.9L8.96 6.22 5.02.47H.47l5.96 8.7L.47 16.1H1.8l5.22-6.07 4.17 6.07h4.55l-6.19-9ZM7.72 9.23l-.6-.87L2.3 1.5h2.07l3.88 5.55.6.87 5.05 7.22h-2.07l-4.11-5.9Z"
1478							/>
1479						</svg>
1480						<span class="sr-only">Twitter</span>
1481					</a>
1482
1483					<a
1484						href="https://www.linkedin.com/in/dashinsky/"
1485						class="block no-underline"
1486					>
1487						<svg
1488							xmlns="http://www.w3.org/2000/svg"
1489							fill="none"
1490							viewBox="0 0 18 19"
1491							class="h-[18px]"
1492						>
1493							<path
1494								fill="#616568"
1495								d="M16.47.67H1.49A1.32 1.32 0 0 0 .16 1.99v14.98a1.32 1.32 0 0 0 1.33 1.32h14.98a1.32 1.32 0 0 0 1.32-1.32V1.99A1.32 1.32 0 0 0 16.47.67ZM5.45 15.65H2.81V7.72h2.64v7.93ZM4.13 6.17a1.54 1.54 0 1 1 1.59-1.54 1.57 1.57 0 0 1-1.59 1.54Zm11.02 9.48H12.5v-4.18c0-1.25-.53-1.7-1.21-1.7a1.53 1.53 0 0 0-1.43 1.64v4.24H7.2V7.72h2.56v1.14a2.74 2.74 0 0 1 2.38-1.23c1.37 0 2.96.76 2.96 3.22l.04 4.8Z"
1496							/>
1497						</svg>
1498						<span class="sr-only">Linkedin</span>
1499					</a>
1500
1501					<a href="mailto:[email protected]" class="block no-underline w-full"
1502						>Contact via email</a
1503					>
1504				</nav>
1505			</div>
1506		</footer>
1507
1508		<div
1509			class="flex flex-wrap gap-y-2 gap-x-8 text-[#7F8C8D] max-w-7xl px-3 text-sm mx-auto py-4"
1510		>
1511			<div>Copyright 2018-2024 Labor Arti UG (haftungsbeschränkt)</div>
1512
1513			<a href="/terms-and-conditions">Terms and conditions</a>
1514			<a href="/impressum">Impressum</a>
1515		</div>
1516
1517		
1517<script src="/js/scripts-773fcf0ecf.js"></script>
1517
1518
1519		<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 72 bytes, lines 1519-1522
1519
1520		<script
1521			async
1522			src="https://www.googletagmanager.com/gtag/js?id=
1522UA-113947869-1
vendor: 17 bytes, lines 1522-1524
1522"
1523		></script>
1524		
1524<script>
1525			
vendor: 147 bytes, lines 1525-1531
1525window.dataLayer = window.dataLayer || [];
1526			function gtag() {
1527				dataLayer.push(arguments);
1528			}
1529			gtag("js", new Date());
1530
1531			gtag("config", "
1531UA-113947869-1
vendor: 30 bytes, lines 1531-1532
1531", { anonymize_ip: true });
1532		
1532</script>
1532
1533
1534		
1534<script
1535			type="text/javascript"
1536			src="https://static.affiliatly.com/shopify/v3/shopify_subdomain.js?affiliatly_code=AF-1011420"
1537		></script>
1537
1538
1539		
1539<script
1540			src="//www.eucookie.eu/public/gdpr-cookie-consent.js"
1541			type="text/javascript"
1542		></script>
1542
1543		
1543<script type="text/javascript">
1544			var cookieConsent = new cookieConsent({
1545				clientId: "c5fb4c20-dddf-4606-9e2d-6e25971f8226", // Your Client ID
1546				backgroundColor: "",
1547				fontFamily: "",
1548				fontSize: "",
1549				fontColor: "",
1550				position: "bottomLeft", // bottomLeft, bottomRight, topLeft, topRight
1551				linkColor: "",
1552				buttonBackground: "",
1553				buttonTextColor: "",
1554				border: "",
1555				language: "en", // en, de, sk, cz, or any language code you setup in My Texts
1556			});
1557			cookieConsent.run();
1558		</script>
1558
1559
1560		<!-- Meta Pixel Code -->
1561		
1561<script>
1562			!(function (f, b, e, v, n, t, s) {
1563				if (f.fbq) return;
1564				n = f.fbq = function () {
1565					n.callMethod
1566						? n.callMethod.apply(n, arguments)
1567						: n.queue.push(arguments);
1568				};
1569				if (!f._fbq) f._fbq = n;
1570				n.push = n;
1571				n.loaded = !0;
1572				n.version = "2.0";
1573				n.queue = [];
1574				t = b.createElement(e);
1575				t.async = !0;
1576				t.src = v;
1577				s = b.getElementsByTagName(e)[0];
1578				s.parentNode.insertBefore(t, s);
1579			})(
1580				window,
1581				document,
1582				"script",
1583				"https://connect.facebook.net/en_US/fbevents.js"
1584			);
1585			fbq("init", "346896688208912");
1586			fbq("track", "PageView");
1587		</script>
1587
1588		<noscript
1589			><img
1590				height="1"
1591				width="1"
1592				style="display: none"
1593				src="https://www.facebook.com/tr?id=346896688208912&ev=PageView&noscript=1"
1594		/></noscript>
1595		<!-- End Meta Pixel Code -->
1596	</body>
1597</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.