Redesigning the Kamernet Account page
Kamernet
Is a housing platform in The Netherlands helping people find a new home.
Headquarters
Rijswijk, NL
Services
- UX / UI Design
- Web app design
- Research
Industry
Housing
The client
Kamernet, undertaken by new management, wanted to refresh their look, and were undergoing a complete site redesign with a new design system developed by an outside designer - David Hutten.
He delivered a lot of documentation of how the components of our site could look and we used his provided design system as a sort of bible in the company.
The challenge
Given that the cross-architectural SaaS Kamernet product has many different user journeys happening on it, there were still many features of the site that were not redesigned by David Hutten.
My task as the UX/UI designer of the company was to use the design bible provided and with its help imagine a design solution that would interpret the current pages of the site.
For this project I was redesigning the Account management page.
Solution
A fresh site redesign that fits the bill of the design bible provided and performs better than the original during user testing.
Understanding the new design bible
Upon receiving the new design system, I dedicated myself to a comprehensive study of its core components—headers, footers, forms, buttons, icon sets, grid sizing, spacing, typography, imagery, and overall look and feel. My goal was to fully internalize these elements, ensuring a deep understanding of their structure and application across the platform. By mastering the design system, I was able to maintain consistency and cohesion throughout the redesign process, particularly when working on sections of the website that were not initially developed by the lead designer. This meticulous attention to detail allowed me to confidently apply the system’s principles, seamlessly integrating new pages into the existing framework while upholding the visual integrity of the brand.
The state of the Kamernet account management page
After the soft redesign of the homepage, we identified the Account page as the next critical destination point in the user journey that needed improvement.
The page suffered from cluttered side navigation, causing initial confusion in user tests (mentioned below). Users struggled to perform essential actions, such as cancelling their subscription, and spent more time than expected locating key account details.
Additionally, 4 out of 5 users were unaware of the cashback & discount benefits, as this information was buried in the page with insufficient visibility.
Button interactions, particularly when filling out profiles, lacked clarity. 2 out of 5 users during our user test mentioned that the buttons didn’t clearly indicate that they are toggle switches, leading to confusion about whether changes had been saved or if additional steps were needed. These issues contributed to a longer onboarding journey than needed.
This feedback underscored the need for a more intuitive, streamlined redesign to improve usability and enhance the user experience.
My design solutions
Based on the insights gathered, I designed a solution that prioritized clarity and ease of use, allowing users to view their account information at a glance. The Account page was redesigned using our newly refined design system, ensuring consistency and user-centered functionality.
I eliminated the traditional navigation bar, removing the need for excessive scrolling and providing a more streamlined layout. To enhance usability, I added clear descriptions next to each category, helping users easily identify the information they were looking for. Additionally, I merged related categories, such as “Refer a Friend” and “Cashback & Discounts,” into a single “Promotions” section, reducing clutter and saving valuable screen real estate.
I had the big dark blue navigation bar from the original design removed, resulting in a lot of free space for Fith the additional space, users can now see a more detailed overview of their saved search criteria
Lastly, I introduced a minimalistic navigation system within each category. In some instances, the traditional nav bar was replaced with a progress indicator or left empty, simplifying the interface and enhancing the user experience. These changes led to a cleaner, more intuitive account management process.
Testing my design
To validate my design assumptions, I conducted usability testing with 5 participants.
Each participant was asked to perform a series of tasks on both the current Kamernet site and my prototype, enabling a direct comparison of the two versions. The tasks included:
- Fill out their public profile
- Change their name and surname
- Add a saved search
- Refer a friend using their referral code
- Identify which companies offer discounts for Kamernet users
- Locate their billing information and payment history
- Cancel their subscription
Additionally, at the end of each session, participants were asked to rate both versions of the site on the following criteria:
- Ease of use
- Aesthetics
- Trustability
- Professionalism
- Display of information
This customised Harris Profile research method gave me both quantitative & qualitative insights. The goal was to observe how quickly and effectively users could complete these actions, and to identify any pain points or areas for improvement in both the existing and redesigned flows.
.svg)
- Ease of use: OLD - 2; NEW - 5
- Aesthetics: OLD - 2; NEW - 4
- Trustability: OLD - 1; NEW - 5
- Professionalism: OLD - 4; NEW - 4
- Display of info: OLD - 2; NEW - 5
- Ease of use: OLD - 4; NEW - 5
- Aesthetics: OLD - 2; NEW - 4
- Trustability: OLD - 4; NEW - 4
- Professionalism: OLD - 4; NEW - 4
- Display of info: OLD -3; NEW - 4
- Ease of use: OLD - 3; NEW - 4
- Aesthetics: OLD - 3; NEW - 5
- Trustability: OLD - 3; NEW - 4
- Professionalism: OLD - 2; NEW - 4
- Display of info: OLD - 2; NEW - 4
- Ease of use: OLD - 3; NEW - 4
- Aesthetics: OLD - 3; NEW - 4
- Trustability: OLD - 2; NEW - 5
- Professionalism: OLD - 3; NEW - 4
- Display of info: OLD - 4; NEW - 5
- Ease of use: OLD - 4; NEW - 4
- Aesthetics: OLD - 2; NEW - 4
- Trustability: OLD - 4; NEW - 5
- Professionalism: OLD - 3; NEW - 5
- Display of info: OLD - 2; NEW - 5
Results
The user test results were compelling and reinforced the effectiveness of the redesign. When comparing the average scores of the old and new designs, the improvements were significant across all categories:
Ease of use: OLD - 3.2; NEW - 4.4
Aesthetics: OLD - 2.4; NEW - 4.2
Trustability: OLD - 2.2; NEW - 4.6
Professionalism: OLD - 3.2; NEW - 4.4
Display of info: OLD - 2.6; NEW - 4.6
These results showcase that the new design not only made the platform more intuitive, but also substantially improved its visual appeal, trustworthiness, and clarity of information. The increase in ease of use and trustability in particular indicates that the redesign was more efficient and user-friendly, leading to a much smoother experience. Overall, the test confirmed that the design changes successfully addressed the pain points, optimizing the user experience across multiple dimensions.
