Redesign Kompas.id Website
The Kompas.id homepage redesign was driven by the need to
improve content discoverability, user engagement, and mobile
experience. The previous layout lacked visual hierarchy and clarity,
leading to high bounce rates and low subscription conversions. This
redesign aims to deliver a cleaner, user-focused interface that
reflects Kompas’ journalistic credibility while supporting both
editorial and business goals.
My Role as Product Designer
As the product designer, I was responsible for creating an intuitive and effective interface to enhance content discoverability and user interaction on the Kompas.id homepage. I combined user research with data analysis on bounce rates and conversion to identify key issues in the old design. By developing wireframes, prototypes, and clean, structured UI visuals, I ensured the new design highlights Kompas' journalistic credibility while supporting editorial and business goals. Additionally, I actively collaborated with developers, content teams, and stakeholders to ensure the implementation aligned with the vision and iterated continuously based on user feedback and testing results.
In the wireframe creation phase, I was responsible for designing the basic layout framework of the homepage, prioritizing visual clarity and easy navigation. The wireframes served as an initial guide to organize key content and present a systematic information hierarchy. Focusing on user needs and business objectives, I developed multiple wireframe iterations to identify the most effective structure before moving on to visual design and prototyping. Collaboration with research and development teams ensured the wireframes were feasible for implementation and ready for further testing.
Project Goals
-
Enhance content readability with a cleaner, more modern design
-
Simplify navigation to help users find information faster
-
Boost user engagement through an optimized layout for both desktop and mobile platforms.
Challenge
The main challenges were improving content visibility and accessibility while reducing bounce rates and increasing subscription conversions. The previous design lacked clear visual hierarchy, causing user confusion, especially on mobile devices. Additionally, it was crucial to balance editorial needs and business goals by creating a clean yet informative and credible interface.
Solution
The solution focused on creating a clear visual hierarchy and streamlined navigation to improve content visibility and user flow. A clean and minimalist layout was designed to reduce clutter while preserving the journalistic credibility of Kompas. The redesign incorporated responsive elements optimized for mobile devices, balancing editorial needs and business objectives. Continuous collaboration with stakeholders and iterative testing based on user feedback ensured the solution effectively enhanced engagement, reduced bounce rates, and boosted subscription conversions.
Key Outcomes
-
Improved Engagement:
Click-through rate (CTR) of key content increased by 40%.
-
Reduced Bounce Rate:
65% to 48% (a 17% decrease overall).
-
Positive User Feedback:
In surveys, 85% of users reported the new design felt more modern, visually appealing, and easier to navigate.
Award
Gold Winner, SPS Awards 2025.
Best National Media Website
Led the design of Kompas.id’s website, contributing to its recognition as the Best National Media Website. Focused on creating an intuitive, user-centered interface that enhanced user engagement and overall digital experience, playing a key role in securing the prestigious SPS Gold Award.