useSAASkit - B2B SaaS Product
0
UX Designer
Product Designer
Responsive Design
Figma
React
Webflow
Preview
My Role
Lead Designer
Research planning and execution
Prototyping
Design System
Component library
Wireframing
Visual Identity
Conducting design thinking workshop
🤔 Business Challenge
How can we get revenue in a saturated market?
Only 3% average conversion rate of majority platforms.
Only 1% compare boilerplates on different platform.
Design Thinking
Competitor Analysis
Benchmarking and understanding industry landscape
I chose 3 direct competitors and 3 indirect competitors of useSAASkit.
I wanted to understand the positioning and structure followed by the competitors.
I benchmarked the competitors across various parameters such as target audience, performance, brand strategy and the visual approach of the website
Design Interview
Stakeholder Interview
Capturing business goals & user needs
I conducted virtual interviews with the co-founders and the tech team for an all-round perspective.
Used affinity maps to extract out common themes and conflicting assumptions.
Insights from industry
Collecting user pain points from #buildwithpublic
A large part of useSAASkit’s business involves indirect interaction with the customer.
I wanted to gather the complaints and concerns expressed by the users when interacting with competitor platforms.
Design Thinking
Design thinking workshop
Collectively simplifying the product catalog
Some issues are better solved when there is a representation of all teams; business, design and tech.
Users will not trust the quality of useSAASkit product’s easily due to high cost.
We collectively came up with a simplified catalog with only 2 plans to avoid confusion.
User Testing results
Design System & Component
Consistent brand and visual styleguidelines
Logo revamped to make it scalable and digital friendly.
Creating a detailed UI component styleguide on Figma for consistency and future expansion of the product.
Design thinking workshop
Collectively simplifying the product catalog
Some issues are better solved when there is a representation of all teams; business, design and tech
Users will not trust the quality of useSAASkit product’s easily due to high cost.
We collectively came up with a simplified catalog with only 2 plans to avoid confusion.
Wireframe & Prototype under progress
Team effort in building the product!
Final Design
The all new purpose-driven experience
Responsive design - Mobile, Tablet, Desktop
🚀 Check out the live site ⤵
Like this project
0
Posted Feb 3, 2025
Undertook role as Senior designer and designed responsive web & mobile design for usesaaskit. useSAASkit focused on providing boilerplates to B2B & B2C SaaS.
Likes
0
Views
6
Clients
useSAASkit
Tags
UX Designer
Product Designer
Responsive Design
Figma
React
Webflow
NSAVE- Global Fintech Product
Responsive Web Design Collection - Figma, Framer, Webflow
Framer Projects
Fastned - EV Charging Services Design