Show Description

Klare, Dee, and Marie chat about the process behind redesigning the settings pages inside CodePen – how decisions were made, adding helper text to various locations, and designing React components to reuse.

Time Jumps

  • 01:24 What was the process behind the design?
  • 09:55 Context switching
  • 17:13 Adding helper text
  • 19:24 Sponsor: imgix
  • 20:50 Designing React components

Sponsor: imgix

imgix is the API for fast, responsive, beautifully optimized images.

Your images create complex challenges with web performance, user experience, conversion rates, SEO, and responsive design. Our APIs solve them.

Visit imgix.com/codepen and signup to receive a $300 account credit.

Show Links

CodePen Links