Goal and Value
Enhance the Tanka brand image, improve customer acquisition efficiency through SEO, and increase conversion rates.
Design Strategy
Maintain consistency in brand and UI/UX design
Implement responsive design to ensure 100% compatibility across all devices
AI-enhanced design
Comparison the old and new versions
The new responsive design ensures excellent compatibility across multiple devices. Furthermore, a unified design system has been used for color palette, typography, and visual style to maintain consistency.
After the redesign, mobile device traffic accounted for 70% of all, and the conversion rate on mobile was 135 times higher than that of the old (desktop).
Old (no design system)  | New (with design system)  |
Consistency Design
Motion and micro-interactions
New navigation design for a clearer and more engaging user experience.
Responsive design
AI-enhanced UX
Designing how to integrate AI with business outcomes.
SaaS always has complex business, and I observed that one of the key factors influencing conversion rates is educating potential user/client. I trained an AI model to generate audio podcasts, allowing each section of content to interact with users through audio.
The result: an overall conversion rate increase of 5-7%. (Due to cost considerations, I didn't implement real-time AI voice, but it's entirely feasible.)
Data-driven
Over the past four months, the website's conversion rate has increased from 0.5% to 21%~30% (industry average is 7%-12%), and the average time spent on each page has increased from 2s to 1m40s.
I collaborated with backend to fully implement data tracking. To ensure the accuracy and reliability of the data, I used a multi-platform cross-monitoring approach to monitor events and data tracking.  |
The data dashboard I built on Mixpanel helps me analyze growth opportunities for features and design from various data perspectives.  |
 |
Top AI SaaS Website
Feature | OpenAI | Jasper | Anthropic | Notion AI |
|---|---|---|---|---|
Product positioning | For developers and businesses: offering powerful APIs and AI assistants | For marketers and content creators: an AI content platform | For businesses: a reliable and secure AI assistant | For knowledge workers: AI integration in note-taking and collaboration |
CTA | “Try ChatGPT / Get Started with API” | “Start Free Trial / Book a Demo” | “Talk to us / Request Access” | “Get Notion Free / Try Notion AI” |
Features + Use Cases | Model, tool, and API use case examples | SEO, content creation, brand consistency | Emphasizing the value of AI assistants in knowledge-based and secure communication scenarios | Demonstrating AI features in note-taking, task management, and document collaboration |
Trusting | Developer documentation, API stability, and compliance | Client logos and case studies | Security, compliance, and transparency. | Team use cases and user scenarios |
Pricing | API pricing + ChatGPT Plus subscription | SaaS subscription + Enterprise plan | Enterprise plan | Free + subscription |
Updates / News | Blog, research, and product updates | New features and plugins | Blog | Blog |
Brand visuals | Minimalism | Bright and friendly | Minimalism | Simple, and designed to enhance productivity. |
