All Projects

Putra Sari Logam Website

Grapiku developed the Putra Sari Logam website, which presents a structured catalog of street furniture products and projects to expand the brand’s visibility in the B2B and B2G sectors.

Client

Putra Sari Logam

Service

Website Development

Industry

—

About the Client

Putra Sari Logam

Established in 2008, Putra Sari Logam is an integrated metal casting manufacturing company that provides services ranging from casting and machining to assembly, and acts as a supplier of various industrial metal casting products, particularly in the street furniture category.

Website Development

Objective

Expanding Market Reach to Project Scale

Armed with a foundation of expertise and in-depth technical knowledge of the metals industry, Putra Sari Logam has a vision to tap into a broader target market. The company aims to expand its market reach beyond wholesalers and retailers to meet the needs of large-scale projects.

These project targets include supplying hotels, villas, residential complexes, restaurants, private residences, and government facilities.

Challenges

Reaching B2B & B2G clients and building project credibility

Marketing urban infrastructure and street furniture products to the B2B & B2G segments (contractors, housing developers, and government agencies) requires a high level of trust. Prospective clients need to see a valid project portfolio and clear product specifications before deciding to enter into a procurement partnership.

Without a comprehensive digital presence, it is difficult for Putra Sari Logam to demonstrate its manufacturing capabilities and reach its national target market beyond conventional networks.

Limited Brand Visibility

Expansion into the national-level project segment has been hindered by a lack of digital presence, making it difficult for new contractors to find the company.

Product Advantages Are Difficult to Understand

Metal casting products are highly technical. The load class of manholes, the span length of streetlight arms, and the use of ductile iron are concepts understood only by certain segments of the market.

Projects Have Not Been Fully Documented

Previous projects are currently stored only in an internal gallery; a comprehensive narrative is needed so that the documentation can be understood by prospective clients and enhance credibility.

Concerns of Large-Scale Contractors

When searching for vendors, contractors need a portfolio of actual projects to gain greater confidence in the large-scale procurement process. They need to review the process and the results of other projects.

Solution

A comprehensive, trustworthy, and professional company profile website

Designing a company profile website that showcases Putra Sari Logam’s capabilities through a professional and compelling digital experience for prospective B2B and B2G clients. The website not only displays products but also serves as an information platform that presents project experience, production processes, workflows, and a variety of project portfolios in a structured manner.

Proses

The process in this project

Discovery & Goal Alignment
Competitor Analysis
Sitemap & User Flow
UX Wireframe
UI Design & Visual Direction
Development
QA & Deploy
Discovery & Goal Alignment
Competitor Analysis
Sitemap & User Flow
UX Wireframe
UI Design & Visual Direction
Development
QA & Deploy
Discovery & Goal Alignment
Minggu 1

Aligning business goals, user targets, positioning, and the key requirements for the Putra Sari Logam website. This phase also includes identifying communication challenges, feature priorities, and project success metrics.

Brief Document
Competitor Analysis
Minggu 2

Analysis of direct and indirect competitors to identify visual benchmarks, information architecture, features, positioning, and opportunities for Putra Sari Logam to differentiate itself.

Competitor Analysis Report
Sitemap & User Flow
Minggu 3

Designing the information architecture based on the B2B and B2G user journeys.

SitemapUserflow DiagramFeature Backlog
UX Wireframe
Minggu 3

Organize content into a wireframe. Focus on navigation and the information hierarchy for product pages, articles, and project documentation.

Wireframe Design
UI Design & Visual Direction
Minggu 4

Implementation of a visual system in accordance with the brand guidelines that align with Putra Sari Logam’s corporate visual identity. Consistent UI component design across all pages.

UI KitVisual AssetsPrototype
Development
Minggu 4

Development of a dynamic website using a custom WordPress setup. This includes product catalog development, content development, integration, and efficient code optimization.

Website Staging ModeCustom Functions
QA & Deploy
Minggu 8

Comprehensive testing across devices and browsers. Migration to the putrasarilogam.com domain, integration of analytics, security, and basic SEO. Plus, a training session for the PSL team on self-managed content.

QA ReportServer ReadyWebsite Live ProductionDocumentationMaintenance Handover

Execution

A website that showcases capabilities in a professional and compelling way

Product Presentation Structure

Product information is organized as a landing page that guides prospective clients from understanding the product to the next step. Each page not only showcases the product but also highlights its advantages, specifications, related projects, and a gallery of the production process to provide a more comprehensive overview of Putra Sari Logam’s capabilities.

In each section, CTAs are strategically placed to make it easy for potential clients to proceed to the consultation stage or contact the Putra Sari Logam team.

Project Showcase as Proof of Capability

To build confidence among contractors as well as B2B and B2G clients, Putra Sari Logam’s experience is showcased on a page featuring fully documented projects.

Each project is accompanied by information that helps prospective clients understand the context of the work, ranging from visual documentation and photo galleries to project locations and completion years. This structure provides concrete evidence of Putra Sari Logam’s experience and ability to handle a wide range of project needs.

YouTube Video Integration for Enhanced Visibility

Project photos and information are complemented by YouTube video integration to provide a more realistic perspective on Putra Sari Logam’s work.

Through videos showcasing everything from the production process to the final results, prospective clients can see the company’s production capabilities and the quality of its work more directly. The inclusion of video content also provides an additional layer of information for users who need greater assurance before considering Putra Sari Logam as a project partner.

Mobile responsiveness to enhance the user experience

The website is optimized for various device sizes so that all information from products and projects to the company gallery remains easily accessible anytime, anywhere. The layout, navigation, gallery, and CTAs are all tailored for mobile devices, ensuring that prospective clients enjoy a seamless experience when browsing product and project references on their smartphones.

SEO Strategies to Boost Visibility

The website was developed using an SEO-focused approach to increase the chances that Putra Sari Logam will be found by potential clients searching for related products or services. The page structure, product content, project documentation, and supporting information were organized to be more relevant to users’ search queries. As a result, the website serves not only as a company profile but also as an organic acquisition channel that helps expand Putra Sari Logam’s reach on search engines.

Measurable Results

Increasing visibility for B2B and B2G clients

44
%
Quarterly Increase in Visitors

Consistent growth in website traffic indicates an expansion of reach and increased audience interest in the information and services available.

2
%
Average CTR

The percentage of visitors who continue to engage after viewing the content. For target markets with B2B and B2G intent, a CTR range of 2-3% is considered quite good.

Team and Technology

Behind This Project

Team Composition

Content WriterWeb Developer

Technology Used

Your project could be the next story

Contact Us