2022 Award Winner
zabal
The next-gen billing platform

Octane

Octane provides a first-class usage-based billing experience for your customers while keeping your billing infrastructure simple.

Prototyping
Graphic design
UX/UI design
Lottie animations
Webflow Development
Custom code
API integrations
Webflow training
CLIENT DETAILS
Up-heading

Understanding the problem

About

Usage-based cloud business transforms software usage, and Octane accelerates this evolution, reshaping customer interactions. We were hired by their founding team to bring their vision to life on their website.

Understanding the problem

Business challenge

The founding team lacked marketing expertise and needed an agency with UX/UI design and Webflow skills to bring their vision to life.

Chapter 1
RESEARCH
KEY OBSERVATIONS
Up-heading

Asking the right questions

Research goals

How can we effectively showcase their usage-based business model to encourage customer account registration?

Flexible Pricing Models
1

Flexible Pricing Models

Tailor your product's pricing to match customer needs and market trends, ensuring your Product team has the agility to adapt.

Streamline Usage Tracking
2

Streamline Usage Tracking

Octane simplifies usage monitoring, helping your Product team gain deep insights into customer behaviour effortlessly.

Seamless Integration
3

Seamless Integration

Integrate Octane effortlessly into your existing systems (data warehouses, CRMs, accounting tools, Slack, etc.).

Automated Billing and Invoicing
4

Automated Billing and Invoicing

Say goodbye to manual billing processes – Octane automates invoicing and reconciliation, saving your team time and resources.

How can usage-based billing websites benefit companies?
What features should a usage-based billing website include?
Are there security concerns with billing websites?
How do these websites help control costs?
How can usage-based billing websites benefit companies?
What features should a usage-based billing website include?
Are there security concerns with billing websites?
How do these websites help control costs?
Can usage-based billing websites integrate with other systems?
What industries can benefit from such websites?
How do companies set pricing on usage-based websites?
What analytics are available for tracking usage?
Can usage-based billing websites integrate with other systems?
What industries can benefit from such websites?
How do companies set pricing on usage-based websites?
What analytics are available for tracking usage?
Are there customizable options for different business needs?
How can these websites improve customer billing experiences?
What scalability options do these websites offer?
What are the best practices for implementing such a system?
What are the best practices for implementing such a system?
How do these websites ensure data accuracy and reliability?
What customer support options are available for users?
Can these websites be tailored to regulatory requirements?
Chapter 2
USER EXPERIENCE
Creating Style Guide
Up-heading

Creating the system

Octane - Sitemap & Back end architecture

Draft

Wire frames
Up-heading

Information architecture

Information architecture
Chapter 3
visual design

Colors

RGB
FF6838
RGB
FFD7CF
RGB
FFD15B
RGB
FFF696
RGB
6886FF
RGB
FF8E01
RGB
6886FF
RGB
FF8E00

Montserrat / Poppins

VISUAL DESIGN
Up-heading

Visual design guidelines

Home PagePricingContact Us

We create 9 pages for this project. Here are a few of our favorites.

Chapter 4
Measuring Success

</... Lorem Ipsum is simply dummy text of Lorem Ipsum is simply dummy text of the Lorem Ipsum is simply dummy text of them. ... >

Jeremy Smith
Jeremy Smith
Marketing manager, Apple

Like what you see? Don't let your website idle another day

START A PROJECT
Go to the next project:
Ponce Bank