Saasific

Intuitive SaaS workflow automation

TL;DR

Designing a workflow automation SaaS targeted at small and medium businesses in the Indian market

Design System

Design Strategy

Wireframing

Visual Design

How might we help businesses reduce workload and increase response rate?

Introduction

What is Saasific?

Founded in 2021, Saasific embarked on a mission to tackle a pressing challenge within the SaaS industry. With the rapid proliferation of SaaS products in the market, coupled with the escalating significance of seamless integrations for businesses, Saasific endeavored to bridge this gap. Despite its innovative approach and dedication, Saasific is no longer operational.

Nonetheless, during its time, Saasific made strides in addressing the exponential growth of SaaS products and the critical need for integrations in the business landscape. Its idea remains as a testament to the ongoing evolution of the SaaS ecosystem and the entrepreneurial spirit driving innovation forward.

Target Audience

Saasific's market research revealed a surge in small to medium-sized businesses (SMBs) in India relying on various SaaS tools like Shopify, Growlytics, and Limechat. Despite this, manual data transfer between these tools remained a cumbersome and time-consuming task.

Inspired by this insight, Saasific aimed to automate these workflows, saving time and effort. While acknowledging Zapier's similar service, it recognized the affordability gap for SMBs and sought to offer a comparable solution at a more accessible price point.

Pain Points

Waste of Time

High Margin of Error

Complicated Pricing

Design System

Color Scheme

Primary Color

Blue is a common choice for tech branding, representing trust, reliability, and innovation. Many tech giants like IBM, Intel, and Dell use blue in their branding. Purple evokes creativity and inspiration. I've chosen a blue-purple primary color to blend stability, reliability, and creativity, creating a unique brand identity.

Secondary Color

I've chosen Marigold Yellow as a secondary color to complement the primary hue while making a bold statement. This vibrant shade not only harmonizes with the primary color but also evokes feelings of optimism and enthusiasm, adding an energetic and inviting touch to the brand identity.

Typography

Titles and Headings

I chose to use the serif font, Lora, for headings to helping to draw attention to important information and establish hierarchy within the content. The subtle curvature and distinctive serifs of Lora lend a sense of sophistication and style.

Body and Button Text

For body and button text, I chose to go with the sans-serif font Lato, which ensures clear and comfortable reading making it well-suited for conveying detailed information. Its modern appearance aligns with the sleek and minimalist design contributes to a cohesive and professional user experience.

Design Components

User Flows

The website featured two key sections:

One served as an information hub, providing potential clients with essential data to transition them into users.
The other section offered existing clients a dashboard and canvas area to construct and maintain their workflows with ease.

Design

Homepage

Hero Section:

Heading & subheading that highlights key features of the SaaS
Prominent CTA
Important statistics
Use of SaaS logos in background to reinforce function

How it works:

Breaks down the steps to use the SaaS
CTA to allow for quick sign up

Pre-baked recipes:

Pre-built automations or workflow templates that can be used immediately
Also serves as examples of what can be achieved using this SaaS

Why choose Saasific:

If user is still not sure about the service, this provides additional pointers to help them decide
Talks about how it is different from its competition

Customer Testimonials:

Reviews from current clients to increase trust

Blogs:

Serves as resources for those clients who need help
Also helps in boosting SEO ranking of the website

Footer:

Contains additional links that are not displayed in the main menu
Contains links to social media pages

Content Pages

Other static content pages have a similar design and layout. These pages are meant to be informational for both the vendor businesses and buyer businesses. Some of these pages do contain interactive elements such as forms.

These content pages include:

About page (Why Saasific)
For Sellers (Become a Saasific Tech Partner)
For Buyers (App Integrations and Workflow Automations)
Resources (Automation Guide)

Dashboard and Canvas

There are two types of connections that can be made and run using the canvas:

App Integrations: Simple automated transfer of data from one app to another
Workflow Automations: Applying a set of rules to process data from one app before transferring it to another. These automations can include more than two integrations.