Back
SaaS redesign
Spridakunskap.se simplifies the transition process for non-profits and youth associations. Since young leaders often move on quickly, the risk of losing their expertise is high. This SaaS platform uses a structured questionnaire to turn a leader's experience into an easy-to-read handbook for their successor, ensuring a smooth and successful handover.
Industry
Knowledge Management
Platform
Web, Mobile
My role and key responsibilities
Workflow steps
Stakeholder Interview - UX audit -User Personas - Visual Design - Hi-Fi Prototype - A/B Tests - User testing - Responsive design
My role:
UX/UI Designer (Product-focused)
Collaboration:
Stakeholder, Product Manager, Developers
I was brought in to lead the complete redesign of the existing platform. The primary objective was to transform a high-friction process into an engaging, user-friendly journey, ensuring that users successfully complete the transition workflow and preserve valuable organizational knowledge.
UX Audit & Stakeholder Interviews: сonducted a deep dive into the legacy system to identify friction points causing user drop-offs.
Interface Redesign: Overhauled the end-to-end user journey, focusing on engagement and cognitive load reduction.
Prototyping & Testing: Developed high-fidelity interactive prototypes and conducted A/B testing to validate navigation and progress-tracking solutions.
Visual Identity & Document Design: Created a new logo, promotional materials, and a structured layout for the automatically generated handover documents.
UI-Kit and guide Development: Built a comprehensive UI Kit to ensure consistency and speed up future development.
Responsive Strategy: Designed a cross-platform experience (Mobile, Tablet, Desktop) to allow knowledge transfer "on the go."
Key UX Challenges & Solutions
Challenge 1: User Retention & Progress Transparency
The primary business issue was a high abandonment rate. Users felt overwhelmed and lacked a clear understanding of the system state, losing motivation because they couldn't see how many steps remained.
Impact
Improved system visibility and transparency, leading to a significant increase in completion rates as users could finally manage their time and expectations.
Solution
I restructured the information architecture by moving the chapter navigation to the top and implementing a persistent progress bar.
System appearance before redesign
System appearance after redesign
Challenge 2: Interaction Hierarchy & Consistency
A UX audit revealed violations of design standards; buttons lacked a clear hierarchy and visual distinction, leading to frequent user errors and confusion during navigation.
Impact
Reduced "interaction friction" and accidental clicks, resulting in a more fluid and professional user experience.
Solution
I redefined the UI library, establishing a clear visual language for primary and secondary actions. Button placement was optimized based on Fitts's Law to guide the user naturally through the questionnaire.
Challenge 3: Streamlining User Interactions
Users often struggled to understand how to answer specific complex questions, leading to frustration and drop-offs due to a lack of help or documentation.
Impact
Lowered the barrier to entry for new users and improved the quality of the generated handover documents, as users now had a clear framework for their responses.
Solution
I introduced a "Contextual Assistant" feature—a dedicated help module that provides real-world examples and descriptions for each section. Through A/B testing, I refined its placement and visual style for maximum helpfulness without being intrusive.
Desktop
Mobile
A/B Testing - First version of the design
A/B Testing - Final design version
Challenge 4: Sign In/Sign Up optimization
The legacy SignIn/SignUp process was cumbersome and unintuitive, creating an unnecessary barrier to entry. A lack of clear validation and a complex registration structure led to user drop-offs before the knowledge transfer process even began.
Impact
This optimization significantly reduced the friction at the entry point, leading to a decrease in early-stage drop-off rates. Users can now access the platform more effortlessly, resulting in higher engagement and a smoother transition into the core questionnaire workflow.
Solution
I overhauled the authentication experience by restructuring the form layout to prioritize visual clarity and logical flow. I simplified the registration journey by removing non-essential steps and redesigning the input fields to meet modern accessibility standards. By optimizing the visual hierarchy of actions and improving the mobile-responsive layout, I ensured that the login process is quick and frictionless across all devices.
Challenge 5: Profile Page Optimization
The original profile page was cluttered and lacked a clear focus, making it difficult for users to manage their personal information or track the status of their documents. This lack of organization diminished the sense of ownership and made the platform feel less professional.
Impact
The optimized profile page improved user satisfaction by providing a sense of control and clarity. This structural cleanup contributed to a more cohesive platform experience, reinforcing the tool’s reliability as a professional resource for leadership transitions.
Solution
I redesigned the Profile page to serve as a personal dashboard, prioritizing a clean information architecture. I grouped settings into logical categories and improved the visual layout to highlight the user's active role and progress. By introducing a more intuitive navigation and better-structured data fields, I ensured that managing account information and accessing generated handover documents is now a seamless and straightforward experience.
Challenge 6: Automated Output & Branding
The final product—the generated document—lacked professional structure and visual appeal, diminishing the perceived value of the entire transfer process.
Impact
Elevated the platform’s output from a simple text summary to a premium educational resource, increasing the tangible value of the service for the entire organization.
Solution
I designed a high-fidelity template for the automatically generated PDF documents, ensuring they were readable, professional, and easy for the successor to digest.
Challenge 7: Cross-Platform Accessibility (Responsive Design)
The production and transfer of knowledge don’t always happen at a desk. The legacy platform was restricted to desktop use, which limited its accessibility for busy volunteers and representatives who needed to review or update information on the go.
Impact
By providing a seamless cross-device experience, we gave users the freedom and convenience to use the service in any situation—whether at work, at home, or while traveling. This accessibility significantly improved user engagement and ensured the handover process could be completed anytime, anywhere.
Solution
I created a comprehensive responsive design framework catering to key screen resolutions (Mobile, Tablet, Laptop). This involved rethinking complex interactive elements—such as the multi-step questionnaire and progress tracking—to ensure they remain highly functional and intuitive on touchscreens without sacrificing data density.
Conclusion
The redesign of Spridakunskap.se successfully transitioned the platform from a high-drop-off tool to an engaging, intuitive ecosystem. By prioritizing system transparency and providing contextual support, we achieved our ultimate goal: guiding the majority of users to successful completion.
The implementation of a fully responsive design further modernized the service, providing volunteers the freedom to document their legacy from any device. This project demonstrates how a user-centered redesign can directly solve business challenges, turning a complex administrative task into a seamless and rewarding experience for the next generation of leaders.
Customer feedback
