Making a critical market institution easier to understand and trust
Established in 1996, the Indonesian Clearing and Guarantee Corporation (KPEI) is a Self-Regulatory Organization in Indonesia’s capital market. It serves as the clearing and guarantee institution, or Central Counterparty, helping support the stability and reliability of market transactions.
As KPEI rebranded to idClear, its website needed to change with it. The existing platform no longer reflected the new corporate identity or clearly explained KPEI’s strategic role in clearing, guarantees, risk management, and regulation.
Suitmedia partnered with KPEI to redesign the website as a more modern, accessible, and secure communication platform. The work combined a clearer information structure, responsive design, GCG-aligned content, semi-headless Laravel architecture, and stronger security controls.
The objective was not only to refresh the visual identity. It was to make a complex market institution easier for stakeholders to understand while reinforcing confidence in its reliability and governance.
A new identity needed a digital platform that could carry institutional trust
1. KPEI’s role was essential but not widely understood
KPEI operates behind many capital market transactions. Its clearing, guarantee, and risk management functions support market stability, but they are not always visible to the public or even easy for stakeholders to explain.
This creates a communication challenge. An institution can be critical to the market while remaining difficult to understand from the outside.
The website needed to explain KPEI’s role in clear terms. Visitors should be able to understand what the Central Counterparty does, why it matters, and how KPEI supports the integrity of Indonesia’s capital market.
2. The rebrand required more than a logo change
KPEI’s move to the idClear identity created a new corporate communication requirement.
If the website continued to use an outdated structure, tone, or visual language, the rebrand could appear incomplete. Stakeholders might encounter inconsistencies between official communications, the website, and the organization’s intended position.
The website needed to translate the new identity into the full experience: design, navigation, content, interaction, and technical performance.
A successful rebrand would make idClear feel like a credible evolution of KPEI, not simply a new name placed on an old website.
3. Stakeholders needed access to different types of information
The website served a broad group of users, including market participants, members, regulators, investors, partners, media, and the public.
They might be looking for information about clearing, guarantees, risk management, regulations, governance, company activities, or organizational details.
These needs required a clear information structure. Users should not have to understand the institution’s internal departments before finding the content relevant to them.
4. The previous website was no longer sufficiently current
The website needed to be updated, streamlined, and aligned with the new idClear brand.
An outdated site can weaken credibility, especially for a financial market institution responsible for trust and stability. Users may interpret slow pages, unclear navigation, or old visual patterns as signs that the organization is less responsive than it should be.
The website needed to demonstrate that idClear was modern, organized, and prepared to support the market’s evolving needs.
5. Governance information needed to be communicated transparently
KPEI required the website to support Good Corporate Governance, or GCG, principles.
This meant the platform needed to present information in a way that supported transparency, accountability, and public understanding. Governance content could not be buried or treated as secondary.
The website needed to become a reliable communication channel for corporate information, regulatory materials, policies, and other content relevant to stakeholders.
6. Performance was part of institutional credibility
Users expect financial and market-related websites to be fast and dependable.
If a page takes too long to load or information is difficult to access, users may lose confidence or look elsewhere for answers. For a Central Counterparty, this perception matters because reliability is central to the organization’s role.
The redesign therefore had to improve both appearance and performance. A modern brand would not be credible if it was delivered through a slow or unstable website.
7. Security was essential for a public financial institution
The website handled important organizational information and represented a critical market institution.
Security could not be treated as an optional enhancement. The platform needed to protect data, reduce vulnerabilities, and support safe content management.
At the same time, security should not make the public experience difficult. The challenge was to build a platform that was secure behind the scenes and simple to use at the surface.
8. The website needed to remain useful as the organization evolved
KPEI’s role, content, and communication requirements would continue to develop under the idClear identity.
The website needed a technical foundation that could support future updates, new content, and additional features without requiring a complete redevelopment.
This made maintainability a strategic requirement. The platform needed to support ongoing communication, not only the 2024 rebrand.
Designing a faster, clearer, and more accountable institutional platform
1. Analyze the existing structure before redesigning it
Suitmedia conducted a detailed analysis of the current website structure and project requirements.
This helped identify where users encountered friction, which content required greater prominence, and how the platform could better reflect KPEI’s role as a Central Counterparty.
The process prevented the redesign from becoming a surface-level visual change. Information architecture and user needs were addressed alongside brand expression.
2. Use global Central Counterparty websites as reference points
The interface and menu structure were redesigned with reference to global Central Counterparty websites.
Benchmarking helped establish appropriate patterns for presenting clearing, risk management, guarantees, regulations, and institutional information.
The objective was not to imitate another organization. It was to understand how similar institutions communicate complex market infrastructure in a way that stakeholders can navigate more easily.
3. Create a responsive design aligned with idClear
The redesigned interface followed the new idClear brand guidelines and adapted across devices.
This ensured that the identity remained consistent whether users accessed the website from a desktop, tablet, or smartphone.
Responsive design also broadened accessibility. Stakeholders could find important market and governance information through the device most available to them.
4. Make the menu reflect the organization’s strategic role
The navigation was restructured around the information users needed to understand idClear’s work.
The menu needed to make key areas visible without forcing users to interpret the internal structure of KPEI. Clearing, guarantees, risk management, regulations, governance, and company information could be organized in a way that reflected stakeholder intent.
This improved findability and strengthened the educational role of the website.
5. Use simple design to communicate complex functions
The new interface used a clean and user-friendly design.
A simpler visual structure reduced distractions and helped users focus on important information. This was especially valuable for content involving financial market infrastructure, where complexity already exists in the subject matter.
The website could communicate institutional seriousness without appearing dense or inaccessible.
6. Improve content structure for GCG communication
Suitmedia compiled and organized content in line with Good Corporate Governance standards.
This helped ensure that governance, policy, and corporate information were communicated more clearly and consistently.
The website became a stronger public accountability platform. Stakeholders could access information through a structure designed for transparency rather than through fragmented or difficult-to-find pages.
7. Use semi-headless Laravel architecture
The website adopted a semi-headless approach using Laravel.
This separated elements of content management and presentation while maintaining a practical structure for the project. The approach supported faster development, reusable components, and a more flexible frontend experience.
Semi-headless architecture also helped the platform evolve. The presentation layer could be improved while the underlying content and business logic remained more manageable.
8. Choose Laravel for long-term support and security
PHP Laravel was selected because of its Long Term Support and security standards.
This gave the website a dependable foundation for ongoing maintenance and future development. The framework also provided pre-built components that helped accelerate delivery without sacrificing control.
Technology selection was connected to business needs. The goal was a platform that could be maintained efficiently, secured appropriately, and expanded over time.
9. Improve page performance
The new architecture and development approach were designed to reduce load times and improve responsiveness.
Faster performance helped users reach information more quickly, particularly when navigating complex sections or accessing the website from mobile devices.
This supported both usability and credibility. A market infrastructure website should feel dependable at every interaction.
10. Strengthen security through testing and updated protocols
Security improvements included vulnerability testing and updated protocols.
Testing helped identify weaknesses before they could affect the platform. Updated security practices created stronger protection for the website and its information.
The approach recognized that security is a continuous responsibility. A secure website needs ongoing attention as technology, threats, and organizational requirements change.
11. Make content management easier for internal teams
The platform was designed to support more efficient content management.
Internal teams could update relevant information more effectively, helping the website remain current and useful to stakeholders.
This reduced dependence on developers for every content change and improved the organization’s ability to respond to new governance or communication requirements.
12. Use clear content to explain the Central Counterparty role
The website needed to help visitors understand idClear’s role in Indonesia’s capital market.
This required content that connected technical functions with practical importance. Users should understand how clearing, guarantees, and risk management support market stability.
Clear explanation strengthened the institution’s reputation. It showed that idClear was prepared to communicate its responsibilities openly.
13. Design for different levels of stakeholder knowledge
Some visitors would already understand capital market infrastructure, while others would be encountering the subject for the first time.
The website needed to support both. High-level explanations could establish context, while detailed regulatory and institutional information could serve more experienced users.
Progressive information architecture allowed the platform to remain accessible without reducing the depth required by professional stakeholders.
14. Validate the experience across devices and roles
Testing needed to consider how different stakeholders used the platform and how the site performed across devices.
A regulator, market participant, investor, or member may approach the website differently. Testing these journeys helped ensure that the design was broadly useful.
This improved confidence that the platform could serve the diverse audience surrounding Indonesia’s capital market.
15. Deploy with ongoing support
The project included deployment and continued support after launch.
This allowed Suitmedia and KPEI to monitor performance, address issues, and refine the experience as users interacted with the new website.
Ongoing support protected the value of the redesign. A platform representing a critical institution needs to remain dependable after the launch moment.
A stronger digital platform improved access and institutional confidence
1. KPEI gained a website aligned with the idClear identity
The redesigned website created a more current and coherent digital expression of KPEI’s new corporate identity.
The platform helped idClear appear more modern while preserving the institutional trust associated with its role in Indonesia’s capital market.
This reduced the risk of brand confusion during the transition.
2. Stakeholders could find information more easily
The improved navigation and menu structure made it easier to locate information about clearing, guarantees, risk management, regulations, and governance.
Users could approach the platform through their own needs rather than navigating an unclear internal structure.
This improved accessibility and helped the website serve as a stronger communication channel.
3. The website better explained idClear’s market role
The updated content and structure helped present KPEI as a credible Central Counterparty.
Visitors could gain a clearer understanding of how the organization supports market operations, stability, and risk management.
This strengthened public and stakeholder understanding of an institution whose work is essential but often not visible.
4. Performance improved significantly
The website achieved an A grade for performance and an average load time of 2.6 seconds.
These results indicated a faster and more efficient user experience than the previous platform.
Improved speed reduced the effort required to access information and supported the perception of idClear as a reliable and modern institution.
5. SEO performance received an A- grade
The website achieved an A- for SEO.
This helped improve the platform’s potential discoverability among stakeholders searching for information about KPEI, idClear, clearing, guarantees, risk management, and related market infrastructure topics.
Better search readiness expanded the website’s reach beyond users who already knew where to find it.
6. Governance content became more accessible
By aligning content with GCG standards, the website created a stronger structure for transparency and accountability.
Stakeholders could access corporate and regulatory information through a more organized platform.
This supported trust in the institution and reinforced the website’s role as a public communication asset.
7. The responsive website improved device accessibility
Users could interact with the platform through desktop and mobile devices.
This increased flexibility and helped ensure that stakeholders could access important content in different contexts.
Responsive design also supported more consistent brand presentation across devices.
8. Security improvements protected the new digital presence
Vulnerability testing and updated protocols strengthened the website’s security foundation.
This was particularly important for a financial market institution managing sensitive organizational information.
The result helped protect both the platform and the trust associated with idClear’s new identity.
9. Internal teams gained greater content control
The platform supported easier content management and future updates.
This allowed KPEI to keep information current and respond more efficiently to changing governance, regulatory, and organizational needs.
The benefit was greater operational agility behind the public website.
10. The technology created room for future development
The semi-headless Laravel architecture and scalable components created a stronger foundation for future improvement.
KPEI could add content, features, and refinements without returning to the limitations of the old system.
This protected the long-term value of the project and supported continued digital modernization.
11. KPEI strengthened its reputation as a credible institution
A faster, clearer, more secure, and better-structured website supported KPEI’s position in Indonesia’s capital market.
The website demonstrated that idClear was investing in transparency, accessibility, and modern communication.
This helped align the digital experience with the organization’s operational importance.
12. The platform became a stronger bridge between the institution and its stakeholders
The website helped connect idClear with market participants, regulators, investors, partners, and the public.
It provided a clearer place to understand the organization’s role and access relevant information.
The result was a more durable relationship built on visibility and trust.
The deeper lesson: institutional credibility is experienced through the website
1. A rebrand is incomplete until the digital experience changes
New names and visual identities must be supported by the platforms stakeholders use.
If the website remains outdated, the organization’s transformation can appear incomplete. Digital expression is part of brand credibility.
2. Performance is a trust signal
Users may not understand the technical reasons behind slow load times, but they experience the consequences.
A fast website communicates competence and respect for the user’s time. In financial infrastructure, that perception matters.
3. Governance content should be easy to find
Transparency loses value when information is technically available but practically hidden.
GCG-related content should be organized around how stakeholders search for it, with clear labels and accessible navigation.
4. Security and usability should reinforce each other
A secure platform that is difficult to use creates resistance. A simple platform without adequate protection creates risk.
The strongest systems make secure behavior natural and keep protection largely invisible to authorized users.
5. Complex institutions need simple communication
Clearing, guarantees, risk management, and Central Counterparty functions can be difficult to explain.
A clear website does not reduce the seriousness of the subject. It makes the institution’s role more understandable and helps stakeholders build confidence.
6. Search visibility supports market transparency
People can only access institutional information when they can find it.
SEO helps connect stakeholders with reliable content and reduces dependence on informal or incomplete sources.
7. Corporate websites need internal operational ownership
A website representing a market institution must remain current.
CMS capability, documentation, training, and support give internal teams the ability to maintain transparency over time.
8. Digital platforms should be built for institutional change
Brand identities, regulations, organizational priorities, and stakeholder needs evolve.
A flexible technical foundation allows the website to adapt without repeatedly restarting the transformation process.
Strategic Insights for the C-Suite
- Treat the website as part of institutional credibility. Stakeholders judge reliability through clarity, speed, security, and current information. A corporate website is a business control, not just a communication asset.
- Make transparency easy to access. Governance and regulatory information create trust only when stakeholders can find and understand it. Information architecture is part of accountability.
- Invest in performance and security together. A fast site attracts use, while strong security protects confidence. Both are essential for financial market institutions.
- Use rebranding to clarify the organization’s role. A new identity should make the institution easier to understand, not merely look different. Content and navigation must explain why the organization matters.
- Design for continuous institutional change. Modern frameworks, manageable CMS tools, and ongoing support help the platform evolve with regulation, governance, and stakeholder expectations.
