Executive Summary
The big picture
MANJUMA GROUP now has a professional digital home — a modern website that presents the group as the trusted, diversified Malaysian business it is, across all five divisions, and gives every visitor a clear, confidence-inspiring first impression.
5
Business divisions showcased
~700
Employees represented
7
Pages delivered
100%
Lighthouse, all categories
Business goals achieved
| Goal | Outcome |
|---|---|
| Establish credibility | A polished, consistent brand presence signalling scale and professionalism. |
| Tell the whole group story | All five divisions presented under one narrative — "five businesses, one standard of trust." |
| Be easy to reach | Clear contact pathways on every page — click-to-call, email, directions and head-office map. |
| Be found online | Built to the latest search-engine and AI-assistant standards; perfect technical SEO score. |
| Perform on any device | Fast, fully responsive experience verified on phone, tablet and desktop. |
| Low cost & low maintenance | Efficient global hosting; updates publish automatically. |
Bottom line: a fast, credible, future-proof corporate flagship that measures among the best-performing corporate websites — delivered and live.
Platform Overview
How it works & the thinking behind it
The website is published as a set of pre-built, ready-to-serve pages delivered through a global content-delivery network, so visitors anywhere receive the site near-instantly. Updates publish automatically — there are no servers to manage, costs are minimal, and the security exposure is very small.
Deployment architecture (high level)
GitHubsource
→
GitHub Actionsauto build & checks
→
Amazon S3static origin
→
CloudFrontglobal CDN · HTTPS
→
Visitorsworldwide
Content delivered over HTTPS from edge locations worldwide; www automatically redirects to the canonical address; cache refreshes automatically on every publish.
Design philosophy
| Principle | What it means for MANJUMA |
|---|---|
| Clarity over clutter | Generous spacing and clear hierarchy make the group easy to understand at a glance. |
| Brand-true | Colours, the mountain-peak motif and tone come straight from the MANJUMA identity — distinctly yours, not a template. |
| Substance with polish | Every claim on the site comes from the official company profile; the design makes it look premium. |
| Timeless, not trendy | A restrained corporate aesthetic that will still look professional for years. |
Experience approach
A story-driven homepage guides every visitor — customer, partner, supplier or job seeker — from "who is MANJUMA?" to "here's how to reach them," supported by focused inner pages (About, Divisions, Sustainability, Contact) and a persistent Contact action on every page. The site is designed mobile-first, built to WCAG 2.2 AA accessibility, and engineered to load almost instantly.
Features & Capabilities
Everything that was delivered
A complete inventory — including the many capabilities that work quietly behind the scenes. Expand each area for detail.
Pages & content
| Page | Purpose & highlights |
|---|---|
| Homepage | The group story: hero, who-we-are, five divisions, values & scale, Chairman's message, sustainability, and a closing call to make contact. |
| About Us | Vision, mission, strengths, and the Chairman's message with portrait (Maswati Binti Mohamad). |
| Divisions | All five divisions, each explained — with an in-page quick menu and shareable direct links. |
| Sustainability | Social responsibility (employee welfare, community, ethics) and the formal environmental policy. |
| Contact | Address, one-tap call, email, business hours, interactive map and one-click directions. |
| Privacy Policy | Aligned with Malaysia's PDPA — professional and compliant. |
| Branded 404 | Keeps lost visitors on-brand and guides them back. |
Behind-the-scenes capabilities
These add real value but are easy to overlook — they're all implemented.
Search visibility & discoverability (SEO) 11 items
| Per-page titles & meta descriptions | More clickable, accurate search-result listings. |
| Canonical URLs | Prevents duplicate-content confusion; consolidates ranking signals. |
| Open Graph tags | Rich, branded link previews when shared. |
| Twitter / X cards | Large-image cards on X. |
| WhatsApp / LinkedIn / Facebook previews | Professional preview (image + title + description) on the channels people actually use. |
| Branded share image | A custom 1200×630 image with the logo & tagline for every share. |
| Structured data (JSON-LD) | Organization, Local Business (with geo & opening hours), Website, a Service entry per division, and breadcrumb data — helps Google feature the business. |
| Sitemap & robots rules | Search engines can discover and index every page. |
| AI-assistant friendly | Explicitly welcomes modern AI search crawlers (e.g. those behind AI assistants). |
| Local & geographic signals | Reinforces Seri Kembangan / Selangor / Malaysia for local relevance. |
| Perfect technical SEO (100/100) | A clean foundation for ranking — verified live. |
Accessibility (WCAG 2.2 AA) 9 items
| Perfect 100 accessibility score | Usable by the widest possible audience; lower compliance risk. |
| Full keyboard & screen-reader support | Works for users who can't use a mouse or who use assistive technology. |
| Skip-to-content link | Faster navigation for assistive-tech users. |
| Visible focus indicators | Always clear where you are when tabbing through. |
| Strong colour contrast | Brand red was specifically tuned to meet the AA standard for text. |
| Reduced-motion support | Respects users who prefer less animation. |
| Descriptive image text & logical structure | Clear meaning for screen readers and search engines. |
| Accessible mobile menu & map | Proper labelling and keyboard handling. |
| Comfortable tap targets & readable text | Easy to use on phones. |
Performance engineering 9 items
| Zero JavaScript on the homepage | Removes the biggest cause of slow pages. |
| Pre-rendered static pages | Nothing to compute on each visit — instant delivery. |
| Global CDN delivery | Fast everywhere; resilient to traffic spikes. |
| Modern image format (WebP) + correct sizing | Crisp visuals, tiny downloads, no layout "jumping." |
| Self-hosted fonts | Fast, private, consistent typography (no third-party calls). |
| Critical styling inlined | The first view paints immediately. |
| Lazy-loaded map | The page stays fast; the map loads only when needed. |
| Edge compression & long-term caching | Smaller, faster repeat visits. |
| Subtle, efficient animations | Polished feel without performance cost. |
Conversion, contact & lead-generation UX 9 items
| Persistent "Contact" call-to-action | The path to get in touch is one click from anywhere. |
| One-tap calling & one-click email | Frictionless contact, especially on mobile. |
| Contact prompts on every major page | Captures interest at the moment it appears. |
| Interactive map + one-click directions | Easy to find and visit the head office. |
| Business hours | Sets expectations; reduces wasted calls. |
| Trust signals | Scale stats, Chairman's message, values and CSR build confidence. |
| Sticky in-page navigation & breadcrumbs | Easy movement within content; clear orientation. |
| Mobile menu with call/email shortcuts | Instant contact on phones. |
| Enquiry-form ready planned | The design accommodates an on-site form & B2B funnels as the next step. |
Security, reliability & analytics readiness 7 items
| HTTPS everywhere | Secure connection and the trusted browser padlock. |
| Minimal attack surface | No servers, database or logins to compromise. |
| Canonical address | www redirects to the main domain (301). |
| Near-zero downtime risk | Static files on a global network stay available. |
| Versioned storage & easy rollback | Any change can be safely reversed. |
| Analytics-ready opt-in | Clean markup ready for privacy-friendly analytics; none loaded by default (faster & privacy-respecting). |
| Configurable security headers available | Additional headers (e.g. HSTS) can be enabled at the CDN. |
Compatibility, resilience & operations 7 items
| Works without JavaScript | All content is readable even if scripts fail — true progressive enhancement. |
| Cross-device & modern-browser tested | Consistent on phone, tablet and desktop. |
| Single source of truth for company details | Address, phone, hours & divisions update in one place, everywhere. |
| Component-based build | No duplicated code; consistent and easy to extend. |
| Automated, checked deployments | Every publish is built and type-checked first. |
| Smart deploys new | Documentation-only changes no longer trigger a deploy — saving build time and cost. |
| Thoroughly documented | Planning, technical and client documentation included. |
Performance Report
Independently verified quality
Scores from Google Lighthouse v12 run against the live production website (June 2026). Higher is better; 90+ is "good"; 100 is perfect.
Lighthouse — live site (desktop)
100
Performance
desktop
100
Accessibility
desktop
100
Best Practices
desktop
100
SEO
desktop
Mobile profile also scores a perfect 100 / 100 / 100 / 100. Measured
Speed — Core Web Vitals Measured (live)
| Metric (plain-English) | Desktop | Mobile | Google "good" | |
|---|---|---|---|---|
| Largest Contentful Paint — main content appears | 0.3 s | 0.9 s | < 2.5 s | ✅ |
| First Contentful Paint — first content appears | 0.3 s | 0.9 s | < 1.8 s | ✅ |
| Cumulative Layout Shift — visual stability | 0.003 | 0.037 | < 0.10 | ✅ |
| Total Blocking Time — responsiveness | 0 ms | 0 ms | < 200 ms | ✅ |
| Speed Index — how fast it visually fills in | 0.8 s | 1.3 s | < 3.4 s | ✅ |
| Interaction responsiveness (INP) Estimate | Expected in Google's "good" range — the site ships ~no JavaScript and blocking time is 0 ms. | ✅ | ||
Real-visitor (field) data will accumulate now that the site is live; figures above are high-quality lab measurements.
Page weight & efficiency — live homepage Measured
~117 KB
Total homepage download
8
Network requests
0
JavaScript files
313
Page elements (lean)
Homepage size vs. a typical business webpage
MANJUMA figure is measured; the typical-page range is an industry estimate shown for context (bar scaled to ~2 MB).
Asset optimisation Measured
| Asset | Original | Optimised | Reduction |
|---|---|---|---|
| Company logo | 116 KB | ~5 KB | ~96% smaller |
| Chairman portrait | 26 KB | ~11 KB | ~58% smaller |
The entire built website — all 7 pages, styles, fonts, images & icons — is about 623 KB, with no JavaScript bundles at all. Measured (build)
Business Value
What it's worth to the business
Marketing
An always-on, credible flagship every other channel can point to — search-ready and shareable from day one.
Brand positioning
A young, diversified group made to look established, unified and dependable.
Lead generation
Friction-free, persistent contact pathways that turn interest into conversations.
Customer acquisition
Found in search, fast to load, and easy to act on — speed and credibility convert.
Mobile audience
A flawless experience for the majority who browse on phones (perfect mobile score).
Operations & longevity
Automated publishing, very low running cost, and a platform that grows without a rebuild.
Risks reduced
| Risk | How the site reduces it |
|---|---|
| Looking small or unestablished | Premium, unified brand presentation across all divisions. |
| Losing impatient visitors | Near-instant loading on any device and connection. |
| Being invisible in search | Perfect technical SEO, structured data and AI-crawler support. |
| Accessibility / inclusivity gaps | WCAG 2.2 AA compliance, verified at 100. |
| Security & downtime | No servers to attack; static files on a resilient global network. |
| Costly maintenance / vendor lock-in | Standards-based, documented, single-source content; any competent team can maintain it. |
For decision-makers: this is not a cost that depreciates — it's an asset that works continuously for marketing, sales, recruitment and reputation, and is built to keep delivering value for years.
Methodology & Roadmap
How these results were measured
- Quality scores & speed: Google Lighthouse v12, run against the live site (
https://manjumagroup.com) on desktop and simulated-mobile profiles — lab measurements. Measured - Page weight & requests: measured directly from the live homepage load. Measured
- Asset & build sizes: measured from the production build output. Measured
- INP & "typical page" comparison: clearly labelled estimates. Estimate
- No figures are fabricated; field (real-visitor) data will accumulate now that the site is live.
Built to grow — optional next steps
| Opportunity | Benefit |
|---|---|
| Professional photography | Greater visual impact (drop-in slots are ready). |
| On-site enquiry form + B2B funnels | Capture and track leads directly. |
| Careers section | Support recruitment for a ~700-person, growing group. |
| News / Insights | Fresh content for SEO and stakeholder updates. |
| Dedicated per-division pages | Deeper detail and stronger division-level search ranking. |
| Google Business Profile | Boost local search and map visibility. |
These are growth options, not gaps — the delivered website is complete and live today.