PGS Landing Page

Major Projects

Client

Pershing Global Solution

Service

UI/UX

Year

2025

Objective

Redesigned the corporate profile landing page for PT. Pershing Global Solution (PGS), an advanced technology partner specializing in sovereign systems, AI, and blockchain. The objective was to translate highly complex engineering capabilities into a clean, modern SaaS aesthetic, establishing a high-trust digital presence that scales seamlessly across all devices.

Problem Statement

Despite engineering systems for a changing world, PT. Pershing Global Solution needed a digital presence that matched the maturity and sophistication of their actual technology.

The primary challenges included:

  1. Visual & Cognitive Overload: Deep tech requires clarity. The previous narrative lacked a structural hierarchy, making it difficult for enterprise stakeholders to quickly grasp the breadth of PGS's services.

  2. Lack of Cross-Device Scalability: The experience was not optimized for modern browsing habits, lacking a cohesive responsive design strategy for mobile and tablet users.

  3. Outdated Aesthetic: The brand needed to pivot toward a professional, enterprise-grade aesthetic that communicated "quiet luxury" and technical precision, moving away from standard corporate templates.

The Process & Cross-Functional Collaboration

I collaborated closely with a cross-functional team to ensure the final product was both beautiful and highly functional.

  • CEO (Business Vision): Conducted alignment sessions with the CEO to deeply understand the "deep tech" market positioning. This ensured the visual language communicated the necessary authority and scale to attract high-ticket B2B clients and government contracts.

  • Product Manager (Scope & Strategy): Worked in tandem with the PM to map out the target audience journey, define the minimum viable requirements for the landing page launch, and prioritize which specific technological capabilities (e.g., Quantum-Proof Architectures) needed the most visibility.

  • SEO Specialist (Visibility & Architecture): Co-designed the information architecture alongside the SEO lead. We ensured that the clean, minimalist visual hierarchy also aligned with a strict semantic structure (H1, H2, H3 tags) and seamlessly integrated high-value keywords without compromising the premium reading experience.

  • Web Developers (Technical Execution): Maintained continuous communication with the engineering team to ensure the high-fidelity mockups were technically feasible. I provided a highly organized developer handoff, detailing the 8pt grid system, exact CSS variables for the deep corporate blues and typography, and optimized the 3D glassmorphic assets to ensure fast page load speeds.

Strategy

Design System & Typography To evoke a sense of clarity and engineering precision, I established a minimalist, high-fidelity visual language.

  • Color Palette: A clean, expansive light-theme foundation utilizing balanced whitespace, anchored by deep corporate blues and subtle atmospheric gradients.

  • Typography: Implemented a professional sans-serif hierarchy. This ensured optimal legibility for complex technical terms (e.g., "Cyber-Physical & IoT Security") while maintaining a sophisticated, modern tone.

  • Grid & Layout: Utilized a strict 8pt grid system to ensure perfect rhythm, alignment, and scalability across the fully responsive desktop, tablet, and mobile breakpoints.

Information Architecture The page was strategically structured to guide the user from high-level vision to specific technical capabilities, ending with clear social proof and conversion points:

  1. The Vision (Hero): A striking, immersive introduction anchoring the brand's global scale.

  2. The Capabilities (Services): A highly scannable, vector-friendly grid breaking down complex integrations.

  3. The Engineering (R&D): Leveraging premium 3D assets to communicate abstract concepts.

  4. The Proof & Conversion: Showcasing established systems and driving users to a clear, high-contrast CTA.

Key Solutions

A. High-Fidelity Custom Asset Creation

To elevate the visual narrative beyond standard stock imagery, I utilized specialized tools to craft bespoke focal points. For the hero section, I leveraged Unicorn Studio to generate the immersive, high-resolution globe asset, immediately establishing global scale the moment the page loads. For the final conversion touchpoint, I utilized Paper Design to generate a deep, textured geometric background for the "Let's Build Your Next System" CTA. This ensures the user's journey ends on a visually premium, high-contrast note that draws the eye directly to the action buttons.

B. The "Build, Integrate & Automate" Service Grid

To reduce cognitive load, I categorized their vast technical offerings into a clean, six-column grid. By pairing custom 3D glassmorphic iconography with concise copy, decision-makers can quickly scan services ranging from Custom OS to Flat LEO Data Networks without feeling overwhelmed.

Scalable Responsive Design

A major focus of this redesign was ensuring the premium feel of the desktop experience translated flawlessly to mobile. The complex structural layouts, such as the alternating "Long-Term Vision" sections and the R&D feature blocks, were meticulously adapted to stack logically on smaller screens. This ensures the 3D assets and typography remain crisp and impactful, regardless of the user's device.

Outcomes

The redesign successfully positioned PT. Pershing Global Solution as a mature, enterprise-ready technology partner. By combining clean geometry, a rigorous grid system, bespoke high-fidelity assets, and cross-functional strategic planning, the new landing page serves as a scalable foundation for their continued growth and lead generation.

Create a free website with Framer, the website builder loved by startups, designers and agencies.