Tatizo – SaaS Website Redesign
Figma
2025
Overview
Tatizo’s original website had good content, but the presentation was hindering growth. The UI felt "heavy" due to an overuse of dark cards and complex diagrams, which increased cognitive load. The pricing section lacked hierarchy, and the features were buried in dense layouts. The goal was to modernize the interface, improve readability, and use visual psychology to drive users toward the "Professional" plan.
Before
After
Features Grid
The Problem: The previous integration section used complex flowcharts that looked like engineering schematics, which can overwhelm non-technical users.
My Redesign: I organized the tools into a clean, dark-mode "Bento Grid." This modular layout groups complex information into digestible blocks, making the software look powerful yet easy to use.
Before
After
Solution Section
The Problem: The original “Core Solutions” section relied heavily on minimal white cards and text-only layouts. While clean, it felt generic and low-impact, making it difficult for users to quickly grasp the depth of Tatizo’s offerings.
My Redesign: I redesigned the section to be more illustration-led and information-rich, using feature-specific visuals and UI mockups to help users quickly understand each solution without relying on heavy text. Clear solution groupings, strong visual hierarchy, and concise, benefit-focused copy improve scannability while guiding users smoothly through the page.
Before
After
Pricing Table: Reducing Decision Paralysis
The Problem: In the old design, every plan looked identical. Users had to read every line to find the difference, which causes friction.
My Redesign: I used the Isolation Effect to highlight the "Professional Plan." By giving it a dark background against the lighter options, I created a visual anchor that naturally steers the user toward the target upsell.
