Enter password to view case study

Square - Retail pricing page

Website - Visual and Product Design

Updating our custom pricing component takes time and effort. Our teams' design technologists are the only people able to make updates/changes, which causes a bottleneck and timing delays. Additionally, it extends the translation process. Our solution is to create a standardized pricing component, easy for everyone to update and be used by all teams within Square.

Square - Retail pricing page

Website - Visual and Product Design

Updating our custom pricing component takes time and effort. Our teams' design technologists are the only people able to make updates/changes, which causes a bottleneck and timing delays. Additionally, it extends the translation process. Our solution is to create a standardized pricing component, easy for everyone to update and be used by all teams within Square.

Square - Retail pricing page

Website - Visual and Product Design

Updating our custom pricing component takes time and effort. Our teams' design technologists are the only people able to make updates/changes, which causes a bottleneck and timing delays. Additionally, it extends the translation process. Our solution is to create a standardized pricing component, easy for everyone to update and be used by all teams within Square.

Goals accomplished


→ Improved clarity of features
→ Provide easy access to view additional feature explanation without leaving pricing page
→ Mobile-first design
→ Improved hierarchy and organization of content
→ Sticky header (so users can easily connect which features fall within each tier: Free, Plus,
or Premium)

→ Improved clarity of features
→ Provide easy access to view additional feature explanation without leaving pricing page
→ Mobile-first design
→ Improved hierarchy and organization of content
→ Sticky header (so users can easily connect which features fall within each tier: Free, Plus, or Premium)

Documentation

To wrap up this project and ensure that everything we've done will be helpful and easy to customize, we also created documentation so that other teams can follow and build their Pricing pages with no (or much less) support.

Documentation

To wrap up this project and ensure that everything we've done will be helpful and easy to customize, we also created documentation so that other teams can follow and build their Pricing pages with no (or much less) support.

Documentation

To wrap up this project and ensure that everything we've done will be helpful and easy to customize, we also created documentation so that other teams can follow and build their Pricing pages with no (or much less) support.