Eli Schiff

Gumroad Product Page

  • Save
Gumroad Product Page

Using Nathan Barry's Authority as content, I redesigned the Gumroad product page so that it would incorporate tiered pricing and a more refined aesthetic.

Added Elements:
• Product gallery/preview images (images only appear when there is content uploaded, otherwise the existing cardboard box glyph appears)
• Users can still choose “Highlight" and “Background" colors from a color picker to personalize the product page (buttons, backgrounds etc.)
• Package Table: the creator can promote a tier and select areas of the table to fill with the highlight color in order to give them importance. The table itself uses contrast in non-promoted package columns to direct the consumer to the preferred tier
• Incorporating transparency to make elements work universally regardless of color choice (see here.)

Key Changes:
• Made social buttons greyscale in order to work on any background and give primary attention to the product, rather than social sharing. Vertical center aligned text on buttons
• Added contrast to several elements: login area, purchase button, product description and title text sizing
• Aligned account login inset with social buttons and product area
• Redrew glyphs for email icons, “Secured” lock and Gumroad logo and favicon

The original product page (screenshot) as well as my full redesign for the tiered product page are attached.

keyboard shortcuts: L or F like