Embedded Email Enquiry Form
EmailJS-powered and submitted from the browser with no backend, capturing name, email, phone or WhatsApp, company, service interest, and a message.
Back to portfolioOpen Systems
Case study
Open Systems
Matrix Sdn Bhd
A self-contained, zero-build marketing site for an established Malaysian IT infrastructure partner, with a working enquiry channel and search-ready foundations.
Client
Open Systems Matrix Sdn Bhd
Client since 2003
Sector
IT Infrastructure & Managed Services
Scope
Website design, build & SEO
The brief
A focused web presence for an established IT partner
Open Systems Matrix Sdn Bhd, established in 2003, needed a fast, self-contained marketing site that could clearly present its IT infrastructure, hardware and software supply, networking, and hosting business units.
The brief paired a working enquiry channel with clean search-engine footing, without introducing a CMS to maintain or a server to patch.
What we shipped
A complete site, without the maintenance weight
Five-Category Product Architecture
Hardware, software, networking, email hosting, and cloud storage each have a dedicated page, cross-linked by a navigation dropdown and category strip.
Runtime SEO Engine
One script injects per-page meta and Open Graph tags automatically, with the domain held in one constant. Sitemap and robots.txt were shipped for Search Console.
Scroll Animation System
IntersectionObserver powers reveals, staggered groups, and animated counters using only transform and opacity for lightweight mobile painting.
Mobile-First Navigation
A sticky header, hamburger with accordion dropdowns, injected back-to-top control, and fixed WhatsApp button support every page.
Performance Discipline
No framework or build step, with deferred font loading, lazy hero slides, and explicit logo dimensions to prevent layout shift.
In the browser
Built around the way customers browse
opensysmatrix.com/products-it-hardware
opensysmatrix.com/contact
opensysmatrix.com
Stack & approach
Simple by design
12
Static pages shipped
5
Product categories
0
Build steps
1
Shared stylesheet
Plain HTML
Twelve static pages with no framework, bundler, or build step.
CSS
One shared stylesheet, with page-specific CSS kept in each page head.
Vanilla JavaScript
Navigation, hero slider, scroll motion, client filtering, and runtime SEO without a framework.
EmailJS
The enquiry form submits directly from the browser without a backend server.
Search foundation
Runtime meta and Open Graph injection, plus sitemap.xml and robots.txt.
Build with us
Need a focused site that stays easy to own?
Tell us what your business needs to present, connect, and simplify. We will shape the right build around it.