2022 Award Winner

Paragon

Developer tools should not be boring. We worked closely with this team to turn a rather antiquated industry into an elegant way to highlighting how engineering teams can ship their native SaaS integrations for customers 10x faster.

112.7%
Organic Search
Traffic increase
128.1%
Organic User
Sessions Increase
115.2%
Total Users Event
improve
20
Artists Keywords
Ranking improve
Visit live website
Lottie animations
Custom code
UX/UI design
Graphic design
Webflow development
Webflow training
Lottie animations
Custom code
UX/UI design
Graphic design
Webflow development
Webflow training
CLIENT DETAILS
Up-heading

Understanding the problem

Business goals

Moving over to Webflow was a necessary part of their marketing objective, since they needed the ability to easily build new pages. Their team was also adamant about adding as many product graphics and animations to elevate the product experience on the website.

We trained their marketing team on how to maintain the site so that they could be self sufficient.

Business challenges

Speed. Their previous process was slow and rigid, which wasn’t working out.

Chapter 1
RESEARCH
KEY OBSERVATIONS
Up-heading

Asking the right questions

Research goals

With a technical product like this, we needed to deeply understand their ideal target customer, their pain points and what they needed out of Paragon. Below are the areas that they cared about mostly.

01

Authentication

Focus on building out your integration logic and leave secure authentication and credential management to Paragon.

02

Workflows

Accelerate workflow development with built-in actions, logic operators, dynamic user settings and more through our extensible Workflow Builder.

03

Connecting Portals

Provide users a native, self-serve integration experience using a single line of code with the Paragon Connect Portal.

04

Monitoring

Get full observability across your entire integration infrastructure. Debug quickly, track usage, and make informed decisions about your integrations.

What is an integration platform?
Why are integration platforms important?
What are the key features of an integration platform?
How do integration platforms facilitate data transfers?
What is an integration platform?
Why are integration platforms important?
What are the key features of an integration platform?
How do integration platforms facilitate data transfers?
Can an integration platform be used to connect cloud-based systems?
What is an integration platform and an API management platform?
What are challenges faced when implementing an integration platform?
What types of organizations benefit the most from integration platforms?
How can an integration platform help streamline business processes?
Can an integration platform be used to connect cloud-based systems?
What is an integration platform and an API management platform?
What are challenges faced when implementing an integration platform?
What types of organizations benefit the most from integration platforms?
How can an integration platform help streamline business processes?
What are some popular integration platforms available in the market?
How can an integration platform help with data migration?
How do integration platforms ensure data security and privacy?
Are integration platforms customizable to suit specific business needs?
What are the advantages of using an integration platform?
What are some popular integration platforms available in the market?
How can an integration platform help with data migration?
How do integration platforms ensure data security and privacy?
Are integration platforms customizable to suit specific business needs?
What are the advantages of using an integration platform?
Chapter 2
USER EXPERIENCE
Creating Style Guide
Up-heading

Creating the system

Wire frames
Up-heading

Information architecture

Chapter 3
VISUAL DESIGN

Colors

RGB
5363CF
RGB
478BEC
RGB
43B97F
RGB
180633
RGB
02273D
RGB
7283FF
RGB
6E818C
RGB
6273E9

Circular Std

DM Sans

VISUAL DESIGN
Up-heading

Visual design guidelines

Home PagePricingWorkflowsAuthenticationMonitoringConnecting PortalsBlog landing pageCustom Integrations

We have crafted 14 stunning pages and templates, and we are delighted to showcase the most captivating ones to you.

Visit live website
Chapter 4
Measuring Success

The team was incredible to work with, with such strong talent throughout the entire process from lowfi, high fidelity design, all the way into development. If you're looking to revamp your website and have it convey your company in a 10x better light, work with Zabal!

Brian Yam
Head of Marketing

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

START A PROJECT
Go to the next project:
Hubilo
hubilo
zabal
COMPETITIVE ANALYSIS
Up-heading

Interface inspirations

line

Defining a visual direction

The primary things to highlight needed to be the art and the artist. Having this duo combination would be what helped tell a better story.

Chapter 2
USER EXPERIENCE

Bluefineart - Sitemap & Back-end architecture

Final Draft
Chapter 3
visual design