Zellify – SaaS Product Website Design
Marcin Pankiewicz
1 collaborator
The Mission
Our mission was to design and build the Zellify website from the ground up, creating a clear narrative, engaging user experience, and a scalable foundation for future growth, while simplifying a complex product into a clear and accessible story for users.
The Challenge
Zellify needed a website that:
Clearly explains a complex product in a simple and accessible way
Highlights key benefits instead of overwhelming users with features
Builds trust and authority within a competitive SaaS landscape
Scales with the product as it continues to evolve
Project Details
Roles:
UI/UX Design
Graphic Design
Motion Design
Tools:
Figma
Jitter Video
Adobe After Effects
Live website: zellify.app
Cinematic Shot of Main Page Hero Section
Aligning the website with the existing product
Since the application already existed, the website needed to visually match the product’s design language.
This required consistency in:
• colors and gradients
• typography
• UI components
• spacing and layout rhythm
• overall product aesthetic
The website had to feel like a natural extension of the app.
Analytics & Insights Product Hero Section.
Explaining a complex product in a simple way
Zellify includes multiple productivity features and workflows, which can be difficult to explain to new users.
The website therefore needed to:
• simplify complex functionality
• avoid overwhelming the visitor with too much information
• explain the product step by step
Landing Page Overview.
Product Analysis
Before starting the website design, we analyzed the existing application to understand:
• how the product works
• what problems it solves
• the key features users interact with
• the visual language used inside the product
This step helped ensure the website accurately reflects the product experience.
Product Page Hero Section.
Visual Consistency with the App
A key part of the design process was ensuring the website matches the application’s visual identity.
To achieve this, we aligned the website with the product UI by using:
• the same color palette
• similar gradients and visual accents
• consistent typography
• interface-inspired design elements
• UI patterns that reflect the product environment
This creates a seamless transition between marketing website and actual product experience.
Funnel Personalization Section.
Simplifying Product Complexity
Because Zellify is a feature-rich productivity tool, the website needed to make the product easy to understand.
This was achieved through:
• concise and user-focused descriptions
• structured feature sections
• visual breakdowns of functionality
• clear content hierarchy
• step-by-step explanation of workflows
The focus was on clarity and readability.
UI Components.
Responsive Design
The website was designed to provide a seamless experience across devices.
Responsive considerations included:
• scalable layout grid
• optimized typography for mobile
• simplified navigation on smaller screens
• consistent visual hierarchy across breakpoints
Footer.
Use of Illustrations and Animations
Illustrations and subtle animations were used as a key communication tool.
They help to:
• visually explain product features
• guide user attention across sections
• make complex ideas easier to understand
• create a more engaging browsing experience
Animations also add visual rhythm and interactivity, making the page feel more dynamic and modern.
Product Page Overview.
Project Outcome
The final website successfully:
• creates a strong visual connection with the product
• helps new users quickly understand the platform
• simplifies complex product capabilities
• supports user onboarding through clear explanations
• delivers a modern and professional SaaS presence
The design transforms a feature-rich productivity tool into a clear and approachable product story.
Animation From One of The Product Section.
Thanks for taking the time to explore this project.
Let’s Build Something Great Together
Like this project
Posted Mar 2, 2026
Designed Zellify’s website to align with the existing app and transform a complex product into a clear, engaging story through UX, visuals, and animation.
Likes
2
Views
6
Clients
Zellify
Collaborators
