PT. Visi Prima Utama (VPU) — Company Profile Website

VPU's company profile site is a fully static, framework-free corporate website built to translate the firm's decade-plus history and enterprise-grade client roster into a credible digital presence. It combines an animated interactive hero, a categorized showcase of 52 client organizations across BUMN, Government, and Private sectors, a thought-leadership articles section, and WhatsApp-driven lead funnels for consultation and partnership inquiries.

VPU has delivered IT Service Management, Value Added Selling, and Project Management engagements since 2014 for blue-chip clients like Telkom Indonesia, PLN, Microsoft, and Universitas Indonesia, but lacked a web presence that reflected that credibility. The goal was a corporate site that lets prospects instantly recognize the scale and trustworthiness of VPU's client base and gives them a frictionless way to start a conversation.

• 1Establish a credible, enterprise-grade online presence reflecting 10+ years and 52 client engagements
• 2Showcase the client portfolio grouped by BUMN, Government, and Private sector for instant trust signaling
• 3Provide a persisted light/dark theme toggle for a modern, polished feel
• 4Drive lead generation directly through intent-based WhatsApp deep links
• 5Publish thought-leadership articles on AI, ML, and IT consulting to position VPU as an expert voice
• 6Keep the stack lightweight and framework-free for fast load times and easy long-term maintenance

• Built a dependency-free HTML/CSS/JS stack instead of a heavier framework, keeping the corporate site lightweight and fast on Vercel's edge network
• Implemented a custom Canvas API animation with pointer-reactive constellation lines that adapts particle density to viewport size and pauses when the tab is hidden or reduced motion is preferred
• Added an inline pre-paint script that reads the saved theme from localStorage and applies it to the document before CSS renders, eliminating theme flash
• Structured the client showcase into three clearly labeled, lazy-loaded logo grids (BUMN, Government, Private) with organization counts for quick scanning
• Wired every CTA to a pre-filled wa.me link with a distinct message per intent, so the client's team can respond directly without extra tooling
• Built a fully responsive layout with glass-card sections and a mobile nav toggle that holds up from mobile through large desktop screens

• →A well-structured vanilla JS/CSS stack can rival framework-based sites in polish while staying dramatically lighter
• →Pre-paint inline scripts are essential for flicker-free theme persistence on static sites
• →Categorizing large trust signals like client logos into digestible groups increases perceived credibility more than one unsorted wall of logos
• →Routing every CTA through WhatsApp is a highly effective, zero-backend lead-gen pattern for B2B service companies in Indonesia