SCAI-Lab · moperezs · Jun 16, 2026 · Jun 11, 2026 · Jun 11, 2026 · Jun 11, 2026
diff --git a/about.html b/about.html
@@ -1,93 +1,159 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>About - MEDWEAR</title>
+  <title>About | MEDWEAR</title>
   <link rel="stylesheet" href="style.css" />
-  <link rel="icon" href="favicon.ico" />
+  <link rel="icon" href="favicon.svg" type="image/svg+xml" />
 </head>
+
 <body>
+
   <header>
-    <div class="header-upper">
-        <!-- <img src="assets/images/medwear_logo.png" alt="MEDWEAR Logo" class="logo" /> -->
-    </div>
-    <div class="header-lower">
-        <h1>MEDWEAR</h1>
-        <p>Open, Interoperable Standards for Medical Wearables</p>
-    </div>
-    <hr class="header-separator" />
-    <div class="under-construction-banner">
-        🚧 This website is currently under construction. Some content may be incomplete. 🚧
-    </div>
+    <a href="index.html" class="header-brand">MEDWEAR</a>
     <nav>
       <a href="index.html">Home</a>
       <a href="about.html" class="active">About</a>
-      <a href="standards.html">Standards</a>
       <a href="documentation.html">Documentation</a>
       <a href="schemas.html">Schemas</a>
-      <a href="contribute.html">Contribute</a>
       <a href="med-api.html">MED-API</a>
+      <a href="use-cases.html">Use Cases</a>
+      <a href="contribute.html">Contribute</a>
     </nav>
   </header>
-<div class="content-container">
-  <main>
-    <section>
-      <h2>About the Project</h2>
-      <p>Wearable devices are rapidly transforming healthcare by enabling continuous, real-time monitoring of patients outside clinical settings. MEDWEAR is a community-driven initiative to create open standards for structuring and exchanging high-frequency data from medical wearables.</p>
-      <p>We aim to address the fragmentation of the digital health ecosystem by building upon existing standards—such as Open mHealth, HL7 FHIR, IEEE 11073, and openEHR—to define lightweight, extensible schemas suitable for modern sensing devices and middleware systems like ROS 2 and MQTT.</p>
-    </section>
 
-    <section>
-      <h2>Why Standardization Matters</h2>
-      <p>Although wearable technologies have become integral to modern healthcare—supporting use cases from chronic disease management to preventive care—the lack of common data formats hinders integration with EHRs, AI systems, and clinical decision tools. Over 80% of healthcare data remains unstructured and difficult to reuse.</p>
-      <p>Standardizing wearable data supports interoperability, clinical utility, patient safety, and research reproducibility. MEDWEAR provides schemas and APIs that support high-frequency data, real-time streaming, and device-agnostic modeling to facilitate broad adoption and integration.</p>
-    </section>
+  <div class="page-banner" style="background-image: url('assets/images/hero-about.jpg')">
+    <div class="page-banner-content">
+      <h1>About MEDWEAR</h1>
+      <p>Community-driven standards for wearable health data</p>
+    </div>
+  </div>
+
+  <div class="content-container">
+    <main>
+
+      <section>
+        <h2>About the Project</h2>
+        <p>
+          Wearable devices are rapidly transforming healthcare by enabling continuous, real-time monitoring
+          of patients outside clinical settings. MEDWEAR is a community-driven initiative funded by ETH Zurich's
+          Open Research Data initiative to create open standards for structuring and exchanging high-frequency
+          data from medical wearables.
+        </p>
+        <p>
+          We address the fragmentation of the digital health ecosystem by building on existing standards -
+          Open mHealth, HL7 FHIR, IEEE 11073, and openEHR - to define lightweight, extensible schemas
+          suitable for modern sensing devices and middleware systems like ROS 2 and MQTT.
+        </p>
+      </section>
 
-    <section>
-      <h2>Collaborating Entities</h2>
-      <ul>
-        <li>ETH Zurich - Open Research Data Initiative</li>
-        <li>SCAI Lab, ETH Zurich</li>
-        <li>DART Lab, Lake Lucerne Institute</li>
-        <li>UZH</li>
-        <li>SUPSI</li>
-      </ul>
-    </section>
+      <section>
+        <h2>Why Standardization Matters</h2>
+        <p>
+          Although wearable technologies have become integral to modern healthcare - supporting use cases
+          from chronic disease management to preventive care - the lack of common data formats hinders
+          integration with EHRs, AI systems, and clinical decision tools. Over 80% of healthcare data
+          remains unstructured and difficult to reuse.
+        </p>
+        <p>
+          Standardizing wearable data supports interoperability, clinical utility, patient safety, and
+          research reproducibility. MEDWEAR provides schemas and APIs that support high-frequency data,
+          real-time streaming, and device-agnostic modeling.
+        </p>
+        <h3>Key challenges addressed</h3>
+        <ul>
+          <li>Fragmented systems with incompatible data formats</li>
+          <li>Lack of EHR integration</li>
+          <li>Data privacy and regulatory constraints</li>
+          <li>Barriers to real-time, high-frequency data streaming</li>
+          <li>Limited clinical adoption and ROI evidence</li>
+        </ul>
+      </section>
 
-    <section>
-      <h2>Challenges in Wearable Health Data</h2>
-      <ul>
-        <li>Fragmented systems with incompatible formats</li>
-        <li>Lack of EHR integration</li>
-        <li>Data privacy and regulatory constraints</li>
-        <li>Low patient engagement and digital divide</li>
-        <li>Limited clinical adoption and ROI evidence</li>
-        <li>Barriers to real-time, high-frequency data streaming</li>
-      </ul>
-    </section>
+      <section>
+        <h2>Standards &amp; Design Principles</h2>
+        <p>
+          MEDWEAR schemas follow the
+          <a href="https://standards.ieee.org/standard/1752-2021.html" target="_blank" rel="noopener">IEEE 1752-2021
+            Standard</a>
+          and are compatible with the <a href="http://www.openmhealth.org" target="_blank" rel="noopener">Open
+            mHealth</a>
+          framework, extending both to support high-frequency raw sensor streams.
+        </p>
+        <ul>
+          <li><strong>Vendor-agnostic</strong> - no dependency on proprietary device formats.</li>
+          <li><strong>FAIR</strong> - Findable, Accessible, Interoperable, and Reusable.</li>
+          <li><strong>Modular</strong> - signal schemas are self-contained and composable.</li>
+          <li><strong>Middleware-ready</strong> - definitions ship as both JSON Schemas and ROS 2 <code>.msg</code>
+            files.</li>
+          <li><strong>Extensible</strong> - new signal types can be added without breaking existing consumers.</li>
+        </ul>
 
-    <section>
-      <h2>Comparative Overview of Standards</h2>
-      <p>We evaluate four key initiatives that inspire the MEDWEAR schema design:</p>
+        <h3>Relationship to existing standards</h3>
+        <table>
+          <thead>
+            <tr>
+              <th>Standard</th>
+              <th>Scope</th>
+              <th>MEDWEAR relationship</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td><a href="http://www.openmhealth.org" target="_blank" rel="noopener">Open mHealth</a></td>
+              <td>Structured JSON schemas for health data</td>
+              <td>Base schema format; MEDWEAR extends it for raw, high-frequency signals</td>
+            </tr>
+            <tr>
+              <td><a href="https://standards.ieee.org/ieee/1752.1/6982/" target="_blank" rel="noopener">IEEE
+                  1752.1-2021</a></td>
+              <td>Mobile health data quality and interoperability</td>
+              <td>Normative reference for schema design and quality requirements</td>
+            </tr>
+            <tr>
+              <td><a href="https://www.hl7.org/fhir/" target="_blank" rel="noopener">HL7 FHIR</a></td>
+              <td>Clinical data exchange (EHR integration)</td>
+              <td>Target interoperability layer for clinical deployment</td>
+            </tr>
+            <tr>
+              <td><a href="https://www.openehr.org/" target="_blank" rel="noopener">openEHR</a></td>
+              <td>Semantic clinical models</td>
+              <td>Reference for clinical semantic precision</td>
+            </tr>
+            <tr>
+              <td><a href="https://sagroups.ieee.org/11073/phd-wg/" target="_blank" rel="noopener">IEEE 11073-PHD</a>
+              </td>
+              <td>Personal health device communication</td>
+              <td>Informs device-level metadata modeling</td>
+            </tr>
+          </tbody>
+        </table>
+      </section>
 
-    <ul>
-        <li><strong>Open mHealth</strong>: Simple, modular JSON schemas for structured, contextual data.</li>
-        <li><strong>HL7 FHIR</strong>: Granular RESTful resources widely used in clinical settings.</li>
-        <li><strong>IEEE 11073-PHD</strong>: Device-specific standards for personal health devices, well-suited for discrete measures.</li>
-        <li><strong>openEHR</strong>: Robust clinical models with semantic precision.</li>
-    </ul>
+      <section>
+        <h2>Collaborating Institutions</h2>
+        <ul>
+          <li>ETH Zurich - Open Research Data Initiative</li>
+          <li>SCAI Lab, ETH Zurich</li>
+          <li>DART Lab, Lake Lucerne Institute</li>
+          <li>University of Zurich (UZH)</li>
+          <li>SUPSI</li>
+        </ul>
+      </section>
 
-    </section>
-  </main>
-</div>
-<footer>
-  <div class="footer-logos">
-    <img src="assets/images/scai_logo.png" alt="SCAI Lab Logo" class="logo" style="height: 40px; width: auto; margin-right: 10px;" />
-    <img src="assets/images/dart_logo.png" alt="DART Logo" class="logo" style="height: 40px; width: auto; margin-right: 10px;" />
-    <img src="assets/images/ethz_logo.png" alt="ETH Zurich Logo" class="logo" style="height: 20px; width: auto; margin-right: 10px;" />
+    </main>
   </div>
-  <p>© 2025 ETH Zurich – MEDWEAR Project | Contact: [email protected]</p>
-</footer>
+
+  <footer>
+    <div class="footer-logos">
+      <img src="assets/images/scai_logo.png" alt="SCAI Lab Logo" />
+      <img src="assets/images/ethz_logo.png" alt="ETH Zurich Logo" class="ethz-logo" />
+    </div>
+    <p>© 2026 ETH Zurich – MEDWEAR Project | Contact: [email protected] · [email protected]</p>
+  </footer>
+
 </body>
-</html>
+
+</html>
diff --git a/assets/images/dart_logo.png b/assets/images/dart_logo.png
diff --git a/assets/images/ethz_logo.png b/assets/images/ethz_logo.png
diff --git a/assets/images/hero-about.jpg b/assets/images/hero-about.jpg
diff --git a/assets/images/hero-home.jpg b/assets/images/hero-home.jpg
diff --git a/assets/images/hero-schemas.jpg b/assets/images/hero-schemas.jpg
diff --git a/contribute.html b/contribute.html
@@ -6,60 +6,93 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Contribute | MEDWEAR</title>
   <link rel="stylesheet" href="style.css" />
+  <link rel="icon" href="favicon.svg" type="image/svg+xml" />
 </head>
+
+<body>
   <header>
-    <div class="header-upper">
-        <!-- <img src="assets/images/medwear_logo.png" alt="MEDWEAR Logo" class="logo" /> -->
-    </div>
-    <div class="header-lower">
-        <h1>MEDWEAR</h1>
-        <p>Open, Interoperable Standards for Medical Wearables</p>
-    </div>
-    <hr class="header-separator" />
-    <div class="under-construction-banner">
-        🚧 This website is currently under construction. Some content may be incomplete. 🚧
-    </div>
+    <a href="index.html" class="header-brand">MEDWEAR</a>
     <nav>
       <a href="index.html">Home</a>
       <a href="about.html">About</a>
-      <a href="standards.html">Standards</a>
       <a href="documentation.html">Documentation</a>
-      <a href="schemas.html" ">Schemas</a>
-      <a href="contribute.html" class="active">Contribute</a>
+      <a href="schemas.html">Schemas</a>
       <a href="med-api.html">MED-API</a>
+      <a href="use-cases.html">Use Cases</a>
+      <a href="contribute.html" class="active">Contribute</a>
     </nav>
   </header>
 
+  <div class="page-banner" style="background-image: url('assets/images/hero-about.jpg')">
+    <div class="page-banner-content">
+      <h1>Contribute</h1>
+      <p>Help shape open wearable data standards</p>
+    </div>
+  </div>
+
   <div class="content-container">
-  <main>
-    <h2>Contribute to MEDWEAR</h2>
-    <p>
-      MEDWEAR is a community-driven project that brings together researchers, industry experts, and developers to create open standards everyone can use.
-    </p>
-    <p>
-      We welcome contributions to improve the schemas, tools, and documentation. Your input helps shape interoperable wearable data standards that can accelerate digital health innovation.
-    </p>
+    <main>
+      <section>
+        <h2>Contribute to MEDWEAR</h2>
+        <p>
+          MEDWEAR is a community-driven project that brings together researchers, industry experts,
+          and developers to create open standards everyone can use.
+          We welcome contributions to the schemas, ROS messages, platform, and documentation.
+        </p>
+      </section>
 
-    <h3>How to Contribute</h3>
-    <ol>
-      <li>Fork our <a href="https://github.com/SCAI-Lab/ord_schemas.git" target="_blank" rel="noopener">GitHub repository</a>.</li>
-      <li>Make your changes or additions in your fork, including detailed justifications and documentation.</li>
-      <li>Submit a Pull Request describing your changes clearly.</li>
-      <li>We will review your submission and provide feedback.</li>
-    </ol>
+      <section>
+        <h2>Choose what to contribute to</h2>
+        <div class="quick-links">
 
-    <p>
-      We encourage active participation and welcome discussions on issues and feature requests.
-    </p>
-  </main>
-  </div>
-<footer>
-  <div class="footer-logos">
-    <img src="assets/images/scai_logo.png" alt="SCAI Lab Logo" class="logo" style="height: 40px; width: auto; margin-right: 10px;" />
-    <img src="assets/images/dart_logo.png" alt="DART Logo" class="logo" style="height: 40px; width: auto; margin-right: 10px;" />
-    <img src="assets/images/ethz_logo.png" alt="ETH Zurich Logo" class="logo" style="height: 20px; width: auto; margin-right: 10px;" />
+          <a href="https://github.com/SCAI-Lab/ord_schemas" target="_blank" rel="noopener" class="quick-link-card">
+            <h3>JSON Schemas</h3>
+            <p>Add or improve physiological signal schemas based on IEEE 1752 and Open mHealth. Propose new signal
+              types, fix definitions, or improve documentation.</p>
+          </a>
+
+          <a href="https://github.com/SCAI-Lab/healthcare_msgs" target="_blank" rel="noopener" class="quick-link-card">
+            <h3>ROS 2 Messages</h3>
+            <p>Contribute to the <code>healthcare_msgs</code> package — add new <code>.msg</code> definitions, improve
+              existing ones, or extend support for new ROS distros.</p>
+          </a>
+
+          <a href="https://github.com/SCAI-Lab/medwear" target="_blank" rel="noopener" class="quick-link-card">
+            <h3>MEDWEAR Platform</h3>
+            <p>Contribute to the data collection platform and MED-API — bug fixes, new features, deployment
+              improvements, or integration with new storage backends.</p>
+          </a>
+
+          <a href="https://github.com/SCAI-Lab/healthcare_common" target="_blank" rel="noopener"
+            class="quick-link-card">
+            <h3>Conversion &amp; Streaming Tools</h3>
+            <p>Improve conversion scripts, add support for new file formats, or extend the streaming libraries for MQTT,
+              UDP, WebSockets, or BLE.</p>
+          </a>
+
+        </div>
+      </section>
+
+      <section>
+        <h2>How to Contribute</h2>
+        <ol>
+          <li>Fork the relevant repository on GitHub (links above).</li>
+          <li>Make your changes or additions, including detailed justifications and documentation.</li>
+          <li>Submit a Pull Request describing your changes clearly.</li>
+          <li>We will review your submission and provide feedback.</li>
+        </ol>
+        <p>We encourage active participation and welcome discussions on issues and feature requests.</p>
+      </section>
+    </main>
   </div>
-  <p>© 2025 ETH Zurich – MEDWEAR Project | Contact: [email protected]</p>
-</footer>
+
+  <footer>
+    <div class="footer-logos">
+      <img src="assets/images/scai_logo.png" alt="SCAI Lab Logo" />
+      <img src="assets/images/ethz_logo.png" alt="ETH Zurich Logo" class="ethz-logo" />
+    </div>
+    <p>© 2026 ETH Zurich – MEDWEAR Project | Contact: [email protected] · [email protected]</p>
+  </footer>
 </body>
-</html>
+
+</html>