<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Portfolio — Rascom Technology Sdn. Bhd.</title>
<meta name="description" content="Selected projects from Rascom Technology, including software delivered for Kinexus, Sensing Cart and Digi Merdeka Footbraille.">
<link rel="icon" href="/img/favicon.svg" type="image/svg+xml">
<link rel="stylesheet" href="/css/style.css">
</head>
<body>

<header class="site-header">
  <div class="wrap">
    <a class="logo-link" href="/" aria-label="Rascom Technology home">
      <span class="logo"><span>RASC</span><span class="logo-mark"><svg width="13" height="13" viewBox="0 0 24 24"><path d="M5 13 L10 18 L19 6" stroke="#0A0A0A" stroke-width="3.4" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span>M</span></span>
    </a>
    <nav class="nav">
      <a href="/">Home</a>
      <a href="/about">About</a>
      <a href="/services">Services</a>
      <a href="/portfolio" class="active">Portfolio</a>
      <a href="/crm" class="nav-crm">Cloud CRM</a>
      <a href="/careers">Careers</a>
      <a href="/contact" class="nav-cta">Contact</a>
    </nav>
    <button class="menu-toggle" aria-label="Toggle menu">☰</button>
  </div>
</header>

<section class="page-hero">
  <div class="wrap">
    <span class="eyebrow">Selected work</span>
    <h1>Software behind physical experiences</h1>
    <p>Several of our projects pair Rascom's software with installations and products originated by our design partner, Expedio Design — see their full portfolio at <a href="https://www.expediodesign.com" target="_blank" rel="noopener" style="color:#fff;border-bottom:1px solid var(--azure);">expediodesign.com</a>.</p>
  </div>
</section>

<section>
  <div class="wrap">
    <div class="grid-3">

      <div class="proj-card">
        <div class="proj-thumb" style="background:#0F1B2B;">
          <svg viewBox="0 0 400 220" width="100%" height="100%" preserveAspectRatio="xMidYMid slice">
            <rect width="400" height="220" fill="#0F1B2B"/>
            <g stroke="#3FC1E0" stroke-width="2" fill="none" opacity="0.85">
              <path d="M40 110 C90 60,130 160,180 110 S270 60,320 110"/>
              <path d="M40 130 C90 80,130 180,180 130 S270 80,320 130" opacity="0.5"/>
              <path d="M40 90 C90 40,130 140,180 90 S270 40,320 90" opacity="0.5"/>
            </g>
            <circle cx="180" cy="110" r="4" fill="#3FC1E0"/>
          </svg>
        </div>
        <div class="proj-body">
          <span class="proj-tag">Kinetic installation</span>
          <h3>Kinexus</h3>
          <p>Software support for a kinetic art installation by Expedio Design — driving an array of motorised, sensor-reactive elements designed to move in response to its environment.</p>
          <a href="https://www.expediodesign.com/kinexus" target="_blank" rel="noopener" style="font-size:13.5px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--azure);">View project on Expedio →</a>
        </div>
      </div>

      <div class="proj-card">
        <div class="proj-thumb" style="background:#0F1B2B;">
          <svg viewBox="0 0 400 220" width="100%" height="100%" preserveAspectRatio="xMidYMid slice">
            <rect width="400" height="220" fill="#0F1B2B"/>
            <rect x="110" y="100" width="180" height="60" rx="8" fill="#142235" stroke="#3FC1E0" stroke-width="2"/>
            <circle cx="140" cy="170" r="14" fill="#142235" stroke="#3FC1E0" stroke-width="2"/>
            <circle cx="260" cy="170" r="14" fill="#142235" stroke="#3FC1E0" stroke-width="2"/>
            <rect x="150" y="80" width="60" height="24" rx="4" fill="#3FC1E0" opacity="0.85"/>
            <circle cx="180" cy="92" r="3" fill="#0F1B2B"/>
          </svg>
        </div>
        <div class="proj-body">
          <span class="proj-tag">Smart cart · Honda</span>
          <h3>Sensing Cart</h3>
          <p>Application software for a sensor-equipped smart cart, part of a project combining Elid's hardware and Expedio's product design with Rascom's software layer.</p>
          <a href="https://www.expediodesign.com/sensing-cart-20" target="_blank" rel="noopener" style="font-size:13.5px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--azure);">View project on Expedio →</a>
        </div>
      </div>

      <div class="proj-card">
        <div class="proj-thumb" style="background:#0F1B2B;">
          <svg viewBox="0 0 400 220" width="100%" height="100%" preserveAspectRatio="xMidYMid slice">
            <rect width="400" height="220" fill="#0F1B2B"/>
            <g fill="#3FC1E0">
              <circle cx="120" cy="90" r="6"/><circle cx="140" cy="90" r="6"/><circle cx="160" cy="90" r="6"/>
              <circle cx="120" cy="112" r="6"/><circle cx="160" cy="112" r="6"/>
              <circle cx="120" cy="134" r="6"/><circle cx="140" cy="134" r="6"/><circle cx="160" cy="134" r="6"/>
            </g>
            <rect x="220" y="70" width="110" height="80" rx="6" fill="none" stroke="#3FC1E0" stroke-width="2"/>
            <path d="M236 110 l16 16 28-32" stroke="#3FC1E0" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
          </svg>
        </div>
        <div class="proj-body">
          <span class="proj-tag">Accessibility · Digi Merdeka</span>
          <h3>Footbraille</h3>
          <p>Software contribution to the Footbraille accessibility installation for the Digi Merdeka campaign, originated by Expedio Design.</p>
          <a href="https://www.expediodesign.com/portfolio-footbraille" target="_blank" rel="noopener" style="font-size:13.5px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--azure);">View project on Expedio →</a>
        </div>
      </div>

    </div>

    <div class="card mt-48" style="background:var(--ink);color:#fff;border:none;">
      <div class="grid-2" style="align-items:center;gap:32px;">
        <div>
          <span class="eyebrow" style="color:var(--azure);">Ongoing</span>
          <h3 style="color:#fff;font-size:22px;margin:10px 0;">Long-term software support &amp; maintenance</h3>
          <p style="color:#B9C0CC;">Beyond one-off projects, Rascom maintains software for a portfolio of clients on a long-term basis. Elid Sdn. Bhd. — for whom we support select products — is our largest and longest-running maintenance client, but not the only one.</p>
        </div>
        <div style="text-align:right;">
          <a href="https://www.elid.com" target="_blank" rel="noopener" class="btn btn-outline" style="border-color:rgba(255,255,255,0.25);color:#fff;">View Elid →</a>
        </div>
      </div>
    </div>
  </div>
</section>

<footer>
  <div class="wrap">
    <div class="footer-grid">
      <div>
        <span class="logo logo-sm" style="margin-bottom:16px;"><span>RASC</span><span class="logo-mark"><svg width="10" height="10" viewBox="0 0 24 24"><path d="M5 13 L10 18 L19 6" stroke="#0A0A0A" stroke-width="3.6" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span>M</span></span>
        <p>Software for businesses on-premise or in the cloud. Founded 2018, Petaling Jaya, Malaysia.</p>
      </div>
      <div>
        <h4>Company</h4>
        <ul>
          <li><a href="/about">About</a></li>
          <li><a href="/services">Services</a></li>
          <li><a href="/portfolio">Portfolio</a></li>
          <li><a href="/crm">Cloud CRM</a></li>
          <li><a href="/careers">Careers</a></li>
        </ul>
      </div>
      <div>
        <h4>Partners</h4>
        <ul>
          <li><a href="https://www.elid.com" target="_blank" rel="noopener">Elid Sdn. Bhd.</a></li>
          <li><a href="https://www.expediodesign.com" target="_blank" rel="noopener">Expedio Design</a></li>
        </ul>
      </div>
      <div>
        <h4>Contact</h4>
        <ul>
          <li><a href="mailto:contactus@rascomtechnology.com">contactus@rascomtechnology.com</a></li>
          <li><a href="tel:+60379311503">03 - 7931 1503</a></li>
          <li>No 19, Jalan 51A/223,<br>Seksyen 51A, 46100 PJ</li>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      <span>© 2026 Rascom Technology Sdn. Bhd. (1260877-H). All rights reserved.</span>
      <span>Built in Petaling Jaya 🇲🇾</span>
    </div>
  </div>
</footer>
<script src="/js/main.js"></script>
</body>
</html>
