Portfolio
SaaS Redesign: UI/UX for a Cloud Productivity Tool
MindClave.org led a full UI/UX redesign for a SaaS-based cloud productivity tool aimed at improving digital workspaces for remote teams. The goal was to enhance user experience, simplify workflows, and increase product adoption across enterprise-level users.
Challenge
The original platform suffered from outdated design patterns, a cluttered interface, and user confusion around key collaboration features. Engagement metrics were low, and users struggled with onboarding and task navigation. The client needed a modern, intuitive interface without disrupting their core user base.
Our Approach
We adopted a human-centered design process broken down into four key phases:
UX Research & Audit
Conducted user interviews and session recordings
Reviewed heatmaps and usage analytics
Identified pain points and usability gaps
Information Architecture Redesign
Reorganized dashboard and navigation structures
Introduced modular layouts for customizable workspace
Prioritized clarity in user flows for task management and file sharing
UI/Visual Design System
Created a modern, responsive UI kit with accessibility-first principles
Implemented a clean, flat design with clear typographic hierarchy
Used a calming color palette with smart contrast for focus
Prototyping & Testing
Delivered interactive Figma prototypes for all key user flows
Conducted usability testing with real users across mobile & desktop
Collected feedback and refined flows iteratively
Key Features Redesigned
Smart Dashboard with Drag-and-Drop Widgets
Enhanced Task Manager with Kanban and Calendar Views
Real-Time Team Collaboration Pane
Clean File Management with Quick Access
Onboarding Wizard for New Users
Dark Mode and Accessibility Enhancements
Impact
+62% increase in user engagement within 3 months
-40% reduction in onboarding time
+90% satisfaction in post-launch user surveys
Scalable UI system ready for future feature expansion
Tools & Technologies Used
Figma, Adobe XD (Prototyping & UI Design)
Miro (User Journey Mapping)
Webflow + React (For Front-End Concepts)
Hotjar & Google Analytics (UX Research Tools)
Visual Preview (mockups or screenshots if available)
🎨 “Before & After” comparisons
🧩 Component-based UI Design System
📱 Mobile responsiveness across major breakpoints
Share Social
