From Visuals to Experience: How Strong Branding Creates a Lasting UX Impact
Casavi
The app was redesigned to elevate the perceived user experience and strengthen brand identity. Improved visuals, intuitive navigation, and cohesive branding create a more engaging and seamless interaction. This rework enhances user satisfaction and reinforces brand recognition.
My Role
Single driver of the project. Conducted initial research, design exploration, internal testing, design system expansion, prototyping, handoff and QA
From Visuals to Experience: How Strong Branding Creates a Lasting UX Impact
Casavi
The app was redesigned to elevate the perceived user experience and strengthen brand identity. Improved visuals, intuitive navigation, and cohesive branding create a more engaging and seamless interaction. This rework enhances user satisfaction and reinforces brand recognition.
My Role
Single driver of the project. Conducted initial research, design exploration, internal testing, design system expansion, prototyping, handoff and QA
From Visuals to Experience: How Strong Branding Creates a Lasting UX Impact
Casavi
The app was redesigned to elevate the perceived user experience and strengthen brand identity. Improved visuals, intuitive navigation, and cohesive branding create a more engaging and seamless interaction. This rework enhances user satisfaction and reinforces brand recognition.
My Role
Single driver of the project. Conducted initial research, design exploration, internal testing, design system expansion, prototyping, handoff and QA
How might we enhance the perceived user experience through visual design and a strong brand?
Ø 3.3 rating
Average app store rating when decision was made to overhaul the App
Ø 3.3 rating
Average app store rating when decision was made to overhaul the App
Ø 3.3 rating
Average app store rating when decision was made to overhaul the App
The Need for a Redesign
As Casavi’s tenant app grew in usage, new challenges surfaced. Increasing feature complexity and a growing user base led to usability issues that impacted overall efficiency. Core workflows became harder to navigate, revealing the need for a more intuitive and scalable solution.
The Need for a Redesign
As Casavi’s tenant app grew in usage, new challenges surfaced. Increasing feature complexity and a growing user base led to usability issues that impacted overall efficiency. Core workflows became harder to navigate, revealing the need for a more intuitive and scalable solution.
The Need for a Redesign
As Casavi’s tenant app grew in usage, new challenges surfaced. Increasing feature complexity and a growing user base led to usability issues that impacted overall efficiency. Core workflows became harder to navigate, revealing the need for a more intuitive and scalable solution.
Fighting to Put the App on the Roadmap
While the redesign was not officially planned, I managed to convince the CPO to commit two weeks of my time for a brief redesign proposal. This initial draft helped steer further stakeholder discussions and found commitment after some reviews were done. The rework was finally put on the roadmap.
Fighting to Put the App on the Roadmap
While the redesign was not officially planned, I managed to convince the CPO to commit two weeks of my time for a brief redesign proposal. This initial draft helped steer further stakeholder discussions and found commitment after some reviews were done. The rework was finally put on the roadmap.
Fighting to Put the App on the Roadmap
While the redesign was not officially planned, I managed to convince the CPO to commit two weeks of my time for a brief redesign proposal. This initial draft helped steer further stakeholder discussions and found commitment after some reviews were done. The rework was finally put on the roadmap.
Assessing the Existing App: Identifying Pain Points & Opportunities
The first step involved a comprehensive audit of the existing React Native implementation. A site architecture analysis was conducted to map out the app’s structure and interactions. Areas for improvement were identified, particularly around navigation flow, feature accessibility, and user engagement.
Assessing the Existing App: Identifying Pain Points & Opportunities
The first step involved a comprehensive audit of the existing React Native implementation. A site architecture analysis was conducted to map out the app’s structure and interactions. Areas for improvement were identified, particularly around navigation flow, feature accessibility, and user engagement.
Assessing the Existing App: Identifying Pain Points & Opportunities
The first step involved a comprehensive audit of the existing React Native implementation. A site architecture analysis was conducted to map out the app’s structure and interactions. Areas for improvement were identified, particularly around navigation flow, feature accessibility, and user engagement.
Sketching changes in structure in one of the initial brainstorming sessions.
Baseline structure of the App
The app's structure was reorganized to better align with user tasks and expectations. Previously scattered features were clustered into clear, logical categories—making navigation more intuitive and helping users complete key tasks faster. This shift not only improved usability but also laid the groundwork for a more scalable and maintainable experience.
Baseline structure of the App
The app's structure was reorganized to better align with user tasks and expectations. Previously scattered features were clustered into clear, logical categories—making navigation more intuitive and helping users complete key tasks faster. This shift not only improved usability but also laid the groundwork for a more scalable and maintainable experience.
Baseline structure of the App
The app's structure was reorganized to better align with user tasks and expectations. Previously scattered features were clustered into clear, logical categories—making navigation more intuitive and helping users complete key tasks faster. This shift not only improved usability but also laid the groundwork for a more scalable and maintainable experience.
The new information architecture is clustered around five main pillars, that are an equivalent to the main jobs of tenant users.
Design System & Visual Identity: Creating a Scalable, Cohesive UI
With the new architecture in place, we introduced a cohesive design system to ensure visual consistency and scalability. Reusable components, accessible colors, and clear typography improved usability, while refined layouts created a modern, user-friendly experience. The system also streamlined development and made future updates easier to manage.
Design System & Visual Identity: Creating a Scalable, Cohesive UI
With the new architecture in place, we introduced a cohesive design system to ensure visual consistency and scalability. Reusable components, accessible colors, and clear typography improved usability, while refined layouts created a modern, user-friendly experience. The system also streamlined development and made future updates easier to manage.
Design System & Visual Identity: Creating a Scalable, Cohesive UI
With the new architecture in place, we introduced a cohesive design system to ensure visual consistency and scalability. Reusable components, accessible colors, and clear typography improved usability, while refined layouts created a modern, user-friendly experience. The system also streamlined development and made future updates easier to manage.
Low fidelity sketches made the start. They allowed move fast and dont waste any time.
The present design system was extended by a set of mobile components. As the App was built in React native, we aimed to keep close to react mobile patterns in order to keep effort small and make this feasible.
A Smoother Experience
The updated UI system improves usability while bringing the visual style in line with Casavi’s brand. It creates a more consistent experience across the casavi ecosystem, making everyday tasks—like submitting service requests or checking meter readings—easier to navigate. The clearer structure and refined visuals help users feel more confident using the app.
A Smoother Experience
The updated UI system improves usability while bringing the visual style in line with Casavi’s brand. It creates a more consistent experience across the casavi ecosystem, making everyday tasks—like submitting service requests or checking meter readings—easier to navigate. The clearer structure and refined visuals help users feel more confident using the app.
A Smoother Experience
The updated UI system improves usability while bringing the visual style in line with Casavi’s brand. It creates a more consistent experience across the casavi ecosystem, making everyday tasks—like submitting service requests or checking meter readings—easier to navigate. The clearer structure and refined visuals help users feel more confident using the app.
A More User-Centric, Scalable, and Maintainable App
This redesign successfully addressed usability challenges by simplifying complex workflows and enhancing the overall visual coherence of the application. The outcome was a more intuitive and engaging experience for tenants, property managers, and property owners, resulting in an app that is not only more accessible but also scalable and maintainable for future iterations.
A More User-Centric, Scalable, and Maintainable App
This redesign successfully addressed usability challenges by simplifying complex workflows and enhancing the overall visual coherence of the application. The outcome was a more intuitive and engaging experience for tenants, property managers, and property owners, resulting in an app that is not only more accessible but also scalable and maintainable for future iterations.
A More User-Centric, Scalable, and Maintainable App
This redesign successfully addressed usability challenges by simplifying complex workflows and enhancing the overall visual coherence of the application. The outcome was a more intuitive and engaging experience for tenants, property managers, and property owners, resulting in an app that is not only more accessible but also scalable and maintainable for future iterations.
Screenshot of the Google App store. App store ratings went up by 36% percent within one year after rollout,
Ø 4.5 rating
App ratings increased by 36% within one year after global release
Ø 4.5 rating
App ratings increased by 36% within one year after global release
Ø 4.5 rating
App ratings increased by 36% within one year after global release
22%
Fewer reports about usability related issues, as reported from customer success.
22%
Fewer reports about usability related issues, as reported from customer success.
22%
Fewer reports about usability related issues, as reported from customer success.
Measurable impact
The redesign resulted in a 36% increase in user satisfaction, as reported in App Store reviews, highlighting the positive reception of the new interface and improved user experience. Additionally, there was a notable decrease in bug reports and customer complaints, particularly those related to navigation issues and feature complexity. Users expressed appreciation for the improved usability, faster response times, and more intuitive workflows, leading to an overall reduction in customer support requests.
Measurable impact
The redesign resulted in a 36% increase in user satisfaction, as reported in App Store reviews, highlighting the positive reception of the new interface and improved user experience. Additionally, there was a notable decrease in bug reports and customer complaints, particularly those related to navigation issues and feature complexity. Users expressed appreciation for the improved usability, faster response times, and more intuitive workflows, leading to an overall reduction in customer support requests.
Measurable impact
The redesign resulted in a 36% increase in user satisfaction, as reported in App Store reviews, highlighting the positive reception of the new interface and improved user experience. Additionally, there was a notable decrease in bug reports and customer complaints, particularly those related to navigation issues and feature complexity. Users expressed appreciation for the improved usability, faster response times, and more intuitive workflows, leading to an overall reduction in customer support requests.
Copyright © 2025 by Robin Biechl. All rights reserved.
Copyright © 2025 by Robin Biechl. All rights reserved.
Copyright © 2025 by Robin Biechl. All rights reserved.