Giving a growing payment platform a clearer identity
GoPay has become an important part of the Gojek ecosystem, supporting transactions inside the Gojek app, payments at online and in-store merchants, PayLater for selected users, balance transfers, and bank transfers for upgraded GoPay Plus users.
As the service portfolio expanded, GoPay needed a clearer way to explain what it offered. Its information was previously part of the broader Gojek website, which made sense when GoPay was primarily understood as one feature within the app. But as GoPay developed into a broader payment platform, it needed a digital home of its own.
Suitmedia partnered with GoPay to create an independent website on a new domain. The objective was not to separate GoPay from Gojek completely. It was to give users a clearer way to understand GoPay while preserving the visual and strategic relationship between the two brands.
A broader service needed a more focused way to communicate
1. GoPay had outgrown its previous digital context
GoPay was no longer limited to one payment function inside the Gojek app. Users could use it in several ways: pay for Gojek services, transact with merchants, use selected credit features, transfer balances, and move funds to a bank account after upgrading to GoPay Plus.
This breadth created a communication challenge. Users who understood GoPay only as a payment method inside Gojek might not know about its wider capabilities.
When services expand, the existing communication environment may no longer provide enough space or focus. GoPay needed a platform that could explain its full role without forcing users to navigate through information intended for the wider Gojek ecosystem.
2. The previous website structure made the message less distinct
GoPay’s content was previously incorporated into the Gojek website. This created brand consistency, but it also made GoPay’s own value proposition less prominent.
Users could encounter GoPay as one part of a larger company and service landscape. That structure made it harder to communicate GoPay’s specific benefits, use cases, and role in everyday transactions.
The challenge was to create greater clarity without creating brand confusion. The new website had to feel recognizably connected to Gojek while giving GoPay a more independent voice.
3. Different user groups needed different explanations
GoPay serves several types of users. Some used it primarily for Gojek transactions. Others used it at merchants, for transfers, for online payments, or for selected PayLater services.
These users did not all arrive with the same question. One might ask how to pay in a store, another might want to transfer a balance, while another may be exploring GoPay Plus.
A single generic message would not address these needs effectively. The website needed to organize the information so users could find the explanation relevant to their situation.
4. The platform had to communicate without becoming ordinary
GoPay wanted a distinct and independent website, but it did not want a generic corporate page that simply listed features.
The website needed to feel modern, communicative, and sophisticated. It had to explain practical payment services while expressing the energy and confidence associated with the wider Gojek ecosystem.
This created a design balance. The site needed enough personality to stand out, but enough clarity to help users complete their information search quickly.
5. Independence could not mean visual disconnection
Although GoPay needed its own domain and digital presence, it remained connected to Gojek.
Users should be able to recognize the relationship between the brands. If the website looked completely unrelated, it could create doubt about whether it was an official GoPay platform.
The new design therefore had to create distinction through focus and structure, while maintaining continuity through visual language, tone, and design principles.
6. The website needed to support changing services
Digital payment platforms change frequently. New services, partnerships, promotions, and user benefits may need to be communicated as the business evolves.
A website that is difficult to update would create delays and increase reliance on technical teams. GoPay needed a content system that could support regular updates without requiring the frontend to be rebuilt every time.
This made the technical structure part of the business challenge. The website needed to be easy for users to understand and manageable for GoPay’s internal team.
7. The platform needed to work across devices
GoPay users access information through different devices and contexts. Some may visit from a desktop while researching a service; others may arrive through a mobile link or social channel.
The website needed to present information consistently across screen sizes. A separate domain would only improve communication if the site remained easy to use wherever users encountered it.
Responsive delivery and a flexible content structure were therefore essential to the new platform.
8. GoPay needed to turn service breadth into user confidence
Payment services involve money, personal information, and decisions about how users manage transactions.
A website that explains features clearly can reduce uncertainty. Users need to understand what each service does, which conditions apply, and how it fits into their financial activity.
The new platform had to make GoPay’s breadth feel manageable. More services should mean more useful options, not more confusion.
Designing an independent site without losing the wider brand connection
1. Start with the role GoPay needed to play
Suitmedia approached the website as GoPay’s dedicated communication platform.
Its role was to help users understand the service, explore use cases, and find relevant information without navigating the larger Gojek website.
This gave the new domain a clear purpose. It was not simply a duplicate of existing content. It became a focused entry point for the GoPay brand and its payment ecosystem.
2. Use benchmarks to understand current expectations
Suitmedia reviewed relevant design references and benchmarks to understand how modern digital payment and technology brands communicated online.
Benchmarking helped identify expected patterns in navigation, content presentation, page structure, and visual hierarchy.
However, the goal was not to copy other platforms. The research provided a starting point for creating an experience that felt current while remaining connected to GoPay’s own identity.
3. Adapt the design to GoPay’s audience
The final visual direction was adjusted to suit GoPay’s target and segmented audiences.
This meant considering how users with different needs would interpret the interface, how quickly they could identify relevant information, and how the brand could remain approachable while communicating sophistication.
The design needed to work for people who already used GoPay regularly and for those still learning about its broader capabilities.
4. Preserve continuity with Gojek’s design language
GoPay remained connected to Gojek, so the website needed to align with Gojek’s user interface style.
This helped protect brand recognition. Users could see that GoPay was an independent platform but still part of a familiar ecosystem.
The relationship was expressed through shared visual principles rather than identical pages. GoPay could develop its own digital identity while preserving the trust and familiarity associated with Gojek.
5. Use clear information hierarchy
The new website was designed to help users understand the most important information first.
A strong hierarchy helps visitors answer basic questions quickly: What is GoPay? What can I use it for? Which feature is relevant to me? Where can I learn more?
This was essential because GoPay had many services to explain. By organizing information deliberately, the website could remain comprehensive without becoming dense.
6. Present services through use cases
GoPay’s features became easier to understand when connected to everyday actions.
Users could approach the platform through situations such as paying for Gojek services, making merchant payments, transferring balances, or using GoPay Plus features.
Use-case communication is more accessible than a list of technical capabilities. It helps users recognize how the service fits into their own routines.
7. Separate core information from supporting detail
Not every user needed the same level of explanation. Some visitors wanted a quick overview, while others needed more detail about a specific service.
The website structure allowed GoPay to present essential information clearly and provide deeper content for users who wanted to continue exploring.
This reduced cognitive effort. Users could stop when they had the answer they needed or move deeper into the content without being forced through every detail.
8. Build the frontend and backend with a headless method
Suitmedia used a headless approach for the website’s frontend and backend.
In a headless content management system, the content repository is separated from the presentation layer. Content is delivered through APIs, allowing the same information to be presented across different devices and interfaces.
This approach supported greater flexibility. GoPay’s internal team could manage content through the CMS, while the frontend could evolve independently as design and user experience needs changed.
9. Make content updates easier for internal teams
The CMS was designed to be operated by GoPay’s internal team.
This reduced dependence on developers for routine content updates. GoPay could revise service explanations, publish new information, and maintain the website more efficiently.
Operational independence also improved responsiveness. The team could update communication as services changed instead of waiting for a separate development cycle.
10. Use APIs to support flexible content delivery
The headless structure allowed content to be delivered through APIs.
This created the possibility of using GoPay’s content across multiple devices and future digital touchpoints without duplicating the content management process.
The value was strategic as well as technical. A flexible content foundation allowed GoPay to adapt its digital ecosystem over time.
11. Design for responsive use across devices
The website was designed to provide a consistent experience across different screens.
This ensured that users could access GoPay information through a mobile phone, tablet, or desktop without losing the clarity of the core journey.
Responsive design protected the investment in the new domain. The website could serve users in different contexts without forcing them into one browsing pattern.
12. Use the website to support brand growth
An independent domain gave GoPay a clearer platform for building recognition around its own services.
The website could become a reference point for campaigns, product education, promotions, and customer communication. It created a direct destination that users could remember and revisit.
This helped GoPay move from being perceived only as a feature within Gojek to being understood as a broader digital payment platform.
13. Keep the experience sophisticated without adding friction
The design aimed to make GoPay feel modern and distinctive, but sophistication needed to remain useful.
Visual polish was supported by clear navigation, accessible content, and a manageable structure. The website could feel advanced without requiring users to work harder to find basic information.
This balance helped align brand perception with practical usability.
14. Create a foundation for future digital touchpoints
The new website and headless CMS created a base that could support future devices, campaigns, and content experiences.
GoPay could add new services or communicate changing benefits within the existing structure.
The platform therefore became a digital capability rather than a one-time website launch.
A separate domain created a clearer path into GoPay’s ecosystem
1. GoPay gained an independent digital home
The new website was launched on a separate GoPay domain as requested.
This gave the platform a clear identity and made it easier for users to distinguish GoPay information from the broader Gojek website.
The independent presence also gave GoPay more control over how it explained its services and communicated its value.
2. Users could access service information more conveniently
The new website created a focused destination for GoPay’s features and benefits.
Users could learn about transactions, merchant payments, PayLater eligibility, balance transfers, GoPay Plus, and other services without searching through a broader company website.
This reduced discovery effort and helped users build a more complete understanding of the platform.
3. The website supported clearer brand communication
GoPay could now communicate with a more focused voice while maintaining visual connection to Gojek.
The result was a stronger balance between independence and continuity. Users could recognize GoPay as its own platform without losing the trust associated with the wider ecosystem.
This supported brand clarity and future growth.
4. Internal teams gained more control over content
GoPay’s internal team could operate the CMS and manage website content directly.
This improved maintenance speed and reduced dependence on external technical support for routine changes.
The benefit was especially important for a digital payments platform, where service explanations and user information may need to change frequently.
5. The headless structure created technical flexibility
Separating content management from presentation allowed the website to evolve more easily.
The frontend could be improved without disrupting the underlying content repository, while content could be delivered across different devices through APIs.
This made the platform better prepared for future digital requirements.
6. The website became easier to scale across communication needs
As GoPay added services, partnerships, promotions, or educational material, the new platform could accommodate those updates more systematically.
The team did not need to create a new technical structure for every change. The website could grow with the business.
This reduced long-term maintenance risk and supported faster communication.
7. The platform improved user confidence
Clearer explanations and a more polished digital presence helped users understand what GoPay offered and how to use it.
In financial technology, clarity supports trust. Users need to know what a feature does before they feel comfortable relying on it.
The new website created a stronger environment for that understanding.
8. GoPay strengthened its position as a digital payment platform
The website gave GoPay more room to present its full range of services and benefits.
This supported the brand’s evolution. GoPay could be understood not merely as a payment function inside another app, but as a broader platform with its own user value.
The new digital home helped make that positioning visible.
9. The platform created more opportunities for engagement
A dedicated domain could support campaigns, service education, and direct traffic from other channels.
Users who encountered GoPay through social media, advertising, or in-app experiences could be directed to a focused source of information.
This strengthened the connection between marketing activity and user understanding.
10. The website created a durable foundation for future growth
The redesign delivered more than a new visual experience. It created a content structure, CMS model, and frontend-backend separation that could support future needs.
GoPay could continue improving the website as its services and audience changed.
The second-order effect was greater digital agility. The organization gained more control over how quickly it could communicate and adapt online.
The deeper lesson: brand independence should improve user clarity
1. A separate domain needs a clear strategic purpose
Creating an independent website is valuable when it helps users understand a brand or service more easily.
The domain should not simply duplicate existing content. It should create a focused experience with a clear role in the customer journey.
2. Brand architecture must balance distinction and continuity
GoPay needed its own digital identity while remaining connected to Gojek.
The solution was not to choose between separation and consistency. It was to create a distinct platform using design principles that preserved the wider relationship.
3. Service breadth requires strong information hierarchy
The more services a platform offers, the more important it becomes to prioritize information and guide users through it.
A well-organized site can make a complex ecosystem feel simple. Hierarchy is what allows breadth without confusion.
4. Use cases are more accessible than feature lists
Users understand services more quickly when they are presented through situations they recognize.
Explaining how GoPay supports payments, transfers, or other everyday needs makes the value clearer than listing technical capabilities alone.
5. Headless architecture can improve business agility
Separating content from presentation allows internal teams to manage information more easily and gives developers greater freedom to evolve the frontend.
This is valuable when services, devices, and user expectations change frequently.
6. Content governance matters as much as technical architecture
A flexible CMS only creates value when internal teams know how to use it consistently.
Clear ownership, publishing standards, and content guidelines help protect quality as more people contribute to the website.
7. Digital sophistication should reduce effort
A sophisticated website is not one with the most visual effects or technical complexity.
It is one that helps users understand the service quickly, find the right information, and move forward with confidence.
8. A new digital home can change how a service is perceived
When a platform receives its own clear identity and communication environment, users may begin to understand it differently.
GoPay’s new domain helped reinforce its role as a broader payment platform and created a foundation for future brand growth.
Strategic Insights for the C-Suite
- Create separate digital destinations when they clarify the customer relationship. Independence is valuable when it helps users understand a service, not when it simply multiplies channels. Every new domain should have a clear strategic role.
- Balance brand distinction with ecosystem continuity. A sub-brand can develop its own voice and experience while preserving the trust and recognition of the parent brand. Consistency should guide the relationship, not erase differentiation.
- Use information hierarchy to make service breadth manageable. The more features a platform offers, the more deliberately content must be prioritized, categorized, and connected to user needs.
- Give internal teams control over changing content. A flexible CMS and clear governance allow organizations to communicate faster as products, services, and policies evolve. Technical independence should improve operational responsiveness.
- Judge sophistication by the effort it removes. The strongest digital experiences feel modern because they are clear, responsive, and easy to use. Design and architecture should make complexity invisible to the customer.
