Back

IBM Alchemy API

UX

Background & goal

Alchemy API is an intelligent API that can take search queries and find articles that match a given query along with attributes such as positive and negative sentiment. I was brought on to help them understand some ways they could increase visibility into how they price their API usage and funnel more sales through their website without having to call a sales rep.

The challenges

The main issue at hand was that you had to “Call Sales” in order to figure out what the pricing structure was. Also, they were looking at relaunching their site under a newer brand and needed this pricing page to fit into a potential direction they were exploring. The one constraint was that I could not touch the current navbar which was dated.


Process

When we sat down to discuss what Alchemy API wanted to accomplish together, their pricing page was brought up. They wanted people to hit their pricing page and understand what plans there were for the API and how much they would cost.

With this in mind, I started to research other pricing pages. Some pages that stood out to me as having a strong technical complexity, but simple pricing breakdowns were: Digital Ocean, Heroku, Mapbox, along with a few others.

I then sketched some ideas down about how I thought certain elements of the researched pages could be incorporated into an Alchemy API pricing page. I was then starting to think about how we could automate the checkout process and have customizable plans with a similar pattern to how Apple allows you to customize a laptop on checkout.

We tended to have weekly checkins with design and the team over at Alchemy API to discuss the direction and if we needed to pivot.

Ideas & workflows

Different portions of the plans page and final layout decision.

The checkout flow when you customize and select a plan.

Wireframes

Alchemy data pricing: users can select a plan here.

Customize plan: users can customize the plan to their liking.

Checkout with a plan: users can enter their billing information here in order to purchase and Alchemy API plan.