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.
• 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.)
• 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.
L or F like
Z toggle zoom
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
We’re Tiny along with
We Work Remotely and more.
© 2018 Dribbble. All rights reserved.
A community of designers sharing their work, process, and current projects.
Minimum 6 characters
Uh oh… We’re still waiting for our spam prevention code to load.
Already a member? Sign in