Global Putra Indologistics (GPI) has been operating since 1981 and has grown into a logistics group with more than 20 offices across Indonesia and overseas markets.
Its business covers a wide range of services, including logistics, shipping, courier operations, trading, freight forwarding, customs brokerage, domestic delivery, and related facilities. That breadth gives GPI the ability to support customers across different stages of the supply chain.
However, the company’s website no longer reflected the scale or sophistication of the business. The platform was outdated, difficult to improve, and not strong enough as a digital introduction for customers, partners, and other stakeholders.
Between 2023 and 2024, Suitmedia worked with GPI to rebuild and enhance its website. The project focused on improving the structure, content, visual identity, performance, responsiveness, and search visibility of the platform.
The result was a more informative and user-friendly website that helped GPI present its capabilities with greater clarity and created a stronger foundation for future digital growth.
A Broad Logistics Business Was Being Represented by a Narrow Digital Experience
1. GPI’s operational scale had outgrown its website
GPI’s business was complex by nature. It operated across multiple locations and offered services that addressed different logistics and trade requirements.
A customer might be looking for freight forwarding. Another might need customs brokerage, courier services, domestic logistics, or shipping support. Each service has different requirements, terminology, and decision criteria.
The website needed to help visitors understand these differences without making the business feel fragmented. Instead, the existing platform made it harder for users to see the full range of GPI’s capabilities.
When a company operates across more than 20 locations and several service categories, the website becomes an important organizing tool. It should help visitors understand what the company does, which services are relevant, and how to continue toward the right information.
2. An outdated website can weaken confidence before a conversation begins
For logistics customers, the first interaction with a provider often happens before a sales representative is involved.
They may search for a service, review a company’s background, assess its locations, or compare providers before making contact. The website is therefore part of the early credibility assessment.
An outdated visual experience can create doubt even when the underlying business is strong. If the platform feels difficult to navigate or incomplete, visitors may question whether the organization is equally difficult to work with.
This is particularly important in logistics, where customers depend on reliability, coordination, and operational discipline. The website should reinforce those qualities.
3. The problem involved more than visual appearance
GPI’s existing website needed more than a cosmetic refresh. The platform required improvements to its architecture, information structure, content presentation, page layouts, visual elements, and interactions.
A new color palette or updated imagery would not solve the underlying usability problem if users still struggled to find the right service or understand the company’s offering.
The rebuild therefore had to address both what the website looked like and how it worked. Information needed to be organized around user needs, while the interface needed to guide visitors through the business story in a more logical way.
4. Digital discoverability had become part of the business challenge
A website can be well designed and still fail to reach the right audience if search engines cannot understand or prioritize its content.
GPI needed to improve its search visibility so that customers looking for relevant logistics and shipping services could discover the company more easily.
This required attention to both content and technical foundations. Service pages needed to communicate clearly, while the website’s structure, loading performance, responsiveness, and technical search elements needed to support discovery.
Search was therefore not treated as a separate marketing activity. It was part of the broader effort to make GPI’s capabilities more accessible.
5. Performance affected both usability and commercial opportunity
A slow website creates friction before a user has even evaluated the company’s services.
Visitors may leave before reading important information, especially when they access the website through mobile devices or weaker connections. A poor loading experience can also reduce the number of pages users explore.
For GPI, performance improvement was connected to a larger business goal: helping visitors move through the platform, understand the offer, and decide whether to continue the conversation.
The website needed to load efficiently, respond across devices, and provide a stable experience without sacrificing the information required by a complex logistics business.
Turning GPI’s Digital Presence Into a Clearer Business Experience
1. We began with the structure behind the website
Suitmedia focused first on the website’s architecture and information flow.
The goal was to make GPI’s services easier to understand and easier to find. This required organizing the content so that visitors could move from a broad overview of the company toward the specific service or capability relevant to them.
A logistics company cannot rely on visitors knowing the exact term for what they need. Some may begin with a business problem rather than a service name. Others may know the service but need more detail before making contact.
The website structure therefore needed to support different levels of knowledge. It should help first-time visitors learn what GPI offers while allowing informed users to move quickly toward specific information.
2. We improved the information hierarchy to reduce confusion
Information hierarchy determines what visitors notice first, what they understand next, and which action they take afterward.
Suitmedia refined the way GPI presented its key messages, service information, supporting content, and calls to action. This made it easier for visitors to distinguish the company’s broad capabilities from the details of individual services.
The purpose was not to shorten the business story artificially. GPI’s offering is broad, and visitors need sufficient information to evaluate it.
The aim was to reveal that information in a more logical order. Visitors could first understand GPI’s role, then explore relevant services, and finally consider the next step.
3. We connected the visual identity to the corporate experience
The rebuilt website adopted the color identity associated with the GPI logo.
This created a stronger relationship between the digital platform and the existing corporate brand. Color became part of the recognition system rather than an isolated decorative choice.
The visual direction was designed to make the website feel more contemporary while preserving GPI’s identity. This was important because a reworked website should feel like a more capable expression of the same business, not an unrelated new brand.
A consistent visual system also helped different pages and service areas feel connected. Visitors could explore the website without feeling that they were moving between unrelated sections.
4. We used visual content to explain a complex business
Logistics services can involve processes, routes, facilities, trade requirements, and operational relationships that are not always easy to explain through long paragraphs.
Suitmedia helped GPI present more information through visually engaging infographics. This allowed the website to communicate complex ideas in a way that was easier to scan and understand.
Infographics were useful because they could show relationships and sequences more directly than text alone. They could help visitors understand how services fit together, how processes work, or where GPI operates.
The goal was not to replace written content. It was to give users multiple ways to understand the same business—through clear text, visual explanation, and structured page layouts.
5. We added microinteractions to make the interface feel responsive
The new website incorporated microinteractions—small visual responses that acknowledge user actions and add movement to the experience.
These details helped make the interface feel more active and contemporary. They could guide attention, confirm interactions, and create a smoother transition between sections.
Microinteractions were used to support usability rather than distract from the content. Their value came from helping visitors understand how the interface behaved and making navigation feel more natural.
For a business rebuilding an outdated platform, these details also helped communicate a broader shift: GPI was presenting itself as a modern, capable organization with attention to how customers experience its services.
6. We designed for responsiveness across devices
The website was optimized to work across different screen sizes, including mobile devices, tablets, and desktop computers.
This was necessary because customers may discover GPI while working remotely, traveling, attending meetings, or comparing logistics providers from a mobile device.
Responsive design ensured that the website remained usable when the available screen space changed. Content, navigation, images, and interactive elements needed to adjust without making the experience feel incomplete.
The decision supported access and credibility at the same time. A visitor should receive a consistent impression of GPI regardless of the device used to access the website.
7. We improved loading performance to protect attention
Suitmedia optimized the website’s speed and technical performance.
The reason was straightforward: users are less likely to explore a website when pages take too long to load or interactions feel delayed. In a service business, every lost visit can mean that a potential customer never reaches the information needed to begin a conversation.
Performance improvement also supported search visibility. Search engines consider technical factors such as speed and mobile usability when assessing the quality of a website.
A faster platform therefore created two benefits: it made the experience more convenient for people and gave the website a stronger technical foundation for being discovered.
8. We treated search engine optimization as part of the rebuild
GPI’s SEO work included improvements to content, website structure, sitemap organization, and technical implementation.
The purpose was to help search engines understand the company’s services and connect relevant pages with relevant user queries.
This required more than adding keywords. Pages needed to have a clear purpose, useful information, and a logical relationship to the wider website.
A well-structured sitemap also helped clarify how the website was organized. This supported both search engines and human visitors by creating a more understandable relationship between company information, services, locations, and supporting content.
9. We combined content quality with technical discipline
Search visibility and user experience depend on both what the website says and how the website works.
Clear service content is less effective if pages are slow or difficult to access. Technical optimization is less useful if the content does not answer customer questions.
Suitmedia therefore treated content, design, performance, and SEO as connected parts of one system.
This integrated approach helped GPI build a website that was not only more attractive, but also more useful and discoverable. Each improvement strengthened the others.
A More Informative Website Strengthened GPI’s Digital Position
1. The website better reflected the scale of the business
After the rebuild, GPI had a more contemporary digital presence that was aligned with its corporate identity and operational breadth.
The website could present the company’s logistics, shipping, courier, freight forwarding, customs brokerage, trading, and domestic services in a more organized way.
This created a closer relationship between the business GPI had become and the digital experience visitors encountered.
A company established in 1981 should not appear digitally limited by an outdated platform. The redesign helped the website communicate continuity and modernization at the same time.
2. Visitors gained a clearer way to understand GPI’s capabilities
The improved architecture, content hierarchy, and visual explanations made it easier for visitors to explore GPI’s services.
Users could move through information with less effort and gain a clearer sense of how the company could support different logistics needs.
This reduced the cognitive burden created by a broad service portfolio. Visitors did not need to understand every part of GPI’s business at once; they could focus on the information relevant to their own situation.
3. The platform became more user-friendly across devices
Responsive design and performance improvements made the website more accessible to users on different devices and under different browsing conditions.
This expanded the number of situations in which customers could engage with GPI. A potential client did not need access to a desktop computer or a strong connection to form an initial understanding of the business.
That accessibility strengthened the website’s role as a practical first point of contact.
4. Visual storytelling made complex information easier to absorb
The use of infographics helped communicate GPI’s business in a more direct and engaging way.
Visual content can reduce the effort required to understand a complex service, especially when visitors are unfamiliar with logistics terminology or processes.
The result was a website that could inform without relying exclusively on dense text. This made the experience more approachable while preserving the depth needed for business audiences.
5. Search and performance created a stronger foundation for future reach
Improved SEO, technical structure, speed, and responsiveness gave GPI a better foundation for being discovered through search and explored once users arrived.
The project did not treat visibility as a one-time outcome. It created the conditions for future content and service pages to contribute more effectively to the company’s digital presence.
As GPI continues to add information, locations, or services, the rebuilt structure can support that growth more effectively than the previous website.
6. The rebuild created operational value beyond appearance
The project’s impact extended beyond the visual transformation.
A clearer information architecture can reduce repeated explanations during early customer interactions. Better service pages can help sales and business development teams direct prospects to relevant information. Stronger search visibility can create more qualified entry points.
These effects are difficult to capture through design screenshots alone, but they are central to the business value of a website rebuild.
The platform became a more useful business tool because it helped the organization explain itself, reach audiences, and support future conversations.
What GPI Reveals About Rebuilding Digital Platforms
1. A website rebuild should begin with business clarity
The first question should not be “How should the website look?” It should be “What must visitors understand, and what should they do next?”
Once those questions are clear, visual design, navigation, content, and technology can work toward the same outcome.
For GPI, the priority was making a broad logistics business easier to understand and easier to access.
2. Complex businesses need strong information architecture
A wide service portfolio can create confusion if it is presented as a long list.
Good architecture helps visitors see relationships between services, locations, capabilities, and customer needs. It creates order without hiding the business’s breadth.
This is particularly important in logistics, where customers may arrive with operational problems rather than knowledge of industry categories.
3. Performance and SEO should be designed together
A fast, responsive website helps users stay engaged. It also supports technical search performance.
Treating speed, mobile responsiveness, sitemap structure, and technical SEO as one set of responsibilities creates a stronger result than optimizing each area in isolation.
The website becomes easier for both people and search engines to understand.
4. Visual design should carry business meaning
Brand colors, infographics, layouts, and microinteractions are most effective when they reinforce the company’s business story.
For GPI, visual improvements helped communicate modernity, structure, and operational breadth. The design was not decoration added after the strategy; it was part of how the strategy became visible.
5. A rebuild should create room for the next stage of growth
A website is rarely finished when it launches. Services change, markets expand, and customers ask new questions.
A strong rebuild creates a structure that can accommodate future content and functionality without returning to the same limitations.
For GPI, the improved architecture and technical foundation provided a more resilient base for continued digital development.
Strategic Insights for the C-Suite
- Make the website explain the business your company is today.
An outdated platform can create a gap between operational capability and market perception. Rebuilding should close that gap by aligning structure, content, design, and performance with the current business. - Treat information architecture as a commercial decision.
When services are complex, the way information is organized affects whether customers understand the offer and continue the conversation. Clarity can be as valuable as adding new functionality. - Improve discovery and usability together.
SEO brings potential customers to the website, while speed, structure, and clear content determine whether they stay. Search visibility and customer experience should be planned as one system. - Use visual communication to reduce complexity.
Infographics, clear layouts, and meaningful interaction design can help stakeholders understand complicated services faster. Visual design should make the business easier to grasp, not simply more attractive. - Build platforms that can absorb future growth.
A rebuild should solve today’s usability problems while creating room for new services, markets, content, and customer needs. Digital resilience comes from a structure that can evolve without losing clarity.
