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 & 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 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 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.