Caylent-pricing-page-animated-wide-for-portfolio-bg-index.gif
 

 Caylent pricing page

Caylent is a US software start up I've been working with for a number of years. Their software allows developers to build and deploy highly scalable stacks of apps & services to Amazon Web Services. You can see some earlier work I did for them here and here.

I designed this pricing page to help them sign up new clients. The design allows potential customers to compare the two different plans and switch between different billing cycles to find the optimal package for their needs.

Scrolling further down the page, a table allows visitors to compare features for each plan. To counter the high price point, there are multiple points on the page encouraging the visitor to ask questions of the Caylent team. This is to help reduce disengagement, and generate as much new business as possible.

I designed the screens in Sketch, before their developer built the final page. For the purposes of this portfolio, I animated the switching between pricing plans in Adobe After Effects.

Client: Caylent (USA).
Designed remotely from Perth, 2017.

 
bg-flat-colour-2.gif
 
Caylent_1200px-v2.png
 
Caylent_clouds_bg-5.gif
 
The full pricing page at desktop resolution.

The full pricing page at desktop resolution.

 
The full pricing page at mobile resolution. On the mobile design, the core information is changed by switching between the two pricing tabs (Self Service + Managed Caylent).

The full pricing page at mobile resolution. On the mobile design, the core information is changed by switching between the two pricing tabs (Self Service + Managed Caylent).

 
The project was truly an international collaboration. I was in Perth, and working closely with two of the team who were located in California and Bangkok, whilst the developer was in New York. We kept in contact via Slack and the occasional Skype call, whilst keeping in mind our drastically different time zones.

The project was truly an international collaboration. I was in Perth, and working closely with two of the team who were located in California and Bangkok, whilst the developer was in New York. We kept in contact via Slack and the occasional Skype call, whilst keeping in mind our drastically different time zones.

 
 
Caylent_floating-laptop.png
 
Caylent_clouds_bg_grey2.gif

PROJECT TAGS:

 
 

More projects like this

 

Caylent landing page

Caylent logo animation

 

Want to work with me?

If you like this project, then say hello and let’s see what I can do to help you.

flat-colour-break-2c.gif