About the project
Bontouch (Framna)
To summarize my 5-month internship at Bontouch, I've assembled a curated selection of projects I contributed to during my time there. My main responsibilities included organizing design systems and identifying areas for improvement, rebuilding app flows to incorporate the latest components and ensure visual consistency, performing quality assurance, and participating in live user testing sessions.
During my time developing apps for this state-owned company, I focused primarily on UI design and various UX tasks like user testing. I was fortunate to have a mentor who shared valuable design knowledge, guiding my growth throughout the internship.
As my internship concluded, I updated and enhanced the design of "Måttfull" (formerly promillekollen), applying my skills to propose user engagement improvements.
App Reviews
I had the chance to lead the design for adding in-app reviews on both iOS and Android. This idea came from noticing low ratings on the App Store, which showed the need for better ways to gather user feedback. To prepare, I looked into how other teams had added in-app reviews and found that it helped them get higher ratings and more useful feedback.
The biggest challenge was getting approval from senior client stakeholders. After gathering strong data and giving an informative presentation, I got their support, and we moved forward with the project. Since the update, the app's rating has improved, showing that this change helped us reach our goal of better feedback and higher ratings.
User testing & results
To determine the design and flow for the in-app review process, I collaborated with the product owner, discussed technical challenges with developers, and worked with the UX designer to decide where the review modal should appear. I conducted an internal user test at Bontouch to gather insights on how other teams approached the review flow. After implementation, results have shown a significant positive impact, though other factors have also influenced the app's rating.
Over the past 5 months, the app's rating increased from 2.4 to 4.7, reflecting an 88.5% improvement.
App Onboarding Flow
One of the major projects I worked on for the main app was redesigning the onboarding flow. User feedback had shown that the previous onboarding was difficult to understand and had poor readability. Additionally, a new feature needed to be integrated into the onboarding, allowing users to place orders for pickup at a store directly through the app.
The goal of this project was to make the experience more accessible and to understand the specific pain points that made the original onboarding feel overwhelming and hard to read. Through prototype testing and live user interviews, I gathered valuable feedback. Working closely with the senior UX designer, I led the design of the new onboarding flow. The results were promising, 5 out of 6 users reported that they clearly remembered the information presented in the updated onboarding.
Interview Process & results
Together with the UX Designer on the team, we gathered six participants to conduct live interviews. Part of the testing sessions involved reviewing the onboarding process and collecting user feedback on the flow, readability, and content retention. After analyzing the feedback and redesigning the onboarding flow to reflect user insights, we observed a significant improvement in readability and overall user experience. See the key results below after revision of the flow:
Users experienced improved readability and were able to recall almost all of the information presented in the onboarding after completion. This represented a 66% increase in effectiveness compared to the experience before the flow revision.
Reported that they thought that the amount of content and the information presented were helpful and not overwhelming, resulting in a 100% increase compared to before the flow revision
Users were able to recall all the information presented in the onboarding, which was a significant improvement compared to the previous model.
Restructure and Improve Design System
As my internship was coming to an end, I was assigned a final project to demonstrate what I had learned at Bontouch. This project involved restructuring the design library and creating new components for the app called "Måttfull." Additionally, I was encouraged to propose a new design for the entire app to align more closely with the main app and adhere to brand guidelines. The design of this app had not been updated in a while, so features like nested instances and auto layout were not implemented anywhere.
The screens below are the views where I proposed the new design. The most significant changes, not only for this view but overall, included updates to colors and fonts, as well as adjustments to UX considerations.
As I mentioned earlier, no auto layout or nested instances were applied to any of the old components. Working on this project allowed me to learn more about nested instances. Eventually, I began building larger components with nested smaller components.