index.html

---
layout: default
title: Home
---

<section class="home-storyband">
  <div class="home-storyband__inner">

    <div class="home-storyband__copy">
      <p class="home-storyband__eyebrow">The problem</p>

      <h2 class="home-storyband__title">Floating wind engineering is fragmented by design</h2>

      <p class="home-storyband__lead">
        Offshore floating wind projects span several interconnected engineering disciplines — yet most teams
        work in silos, stitching together spreadsheets, GIS tools and one-off scripts. The result is rework,
        version mismatches and weeks lost before design even begins.
      </p>

      <p>
        Morie Analytics addresses this through a combination of engineering consultancy, purpose-built software
        and structured training programs — covering the full chain from site intelligence to cable design.
      </p>

    </div>

	<div class="home-storyband__media">
	  <div class="storyband-carousel" aria-label="Portfolio highlights carousel">
		<div class="storyband-carousel__track">

		  <a class="storyband-slide is-active" href="{{ '/consulting/' | relative_url }}">
			<img src="{{ '/img/hero/2dfarm_bathy_2.png' | relative_url }}" alt="Bathymetry characterization for the Morie Site study case">
			<span>Site Intelligence</span>
		  </a>

		  <a class="storyband-slide" href="{{ '/consulting/' | relative_url }}">
			<img src="{{ '/img/hero/2dfarm_hexoverlay.png' | relative_url }}" alt="Hexagrid mask for bathy and soil for the Morie Layoyt study case">
			<span>Layout Engineering</span>
		  </a>

		  <a class="storyband-slide" href="{{ '/consulting/' | relative_url }}">
			<img src="{{ '/img/hero/00_lease_crop_context.png' | relative_url }}" alt="Cropped area for the Morie Soil study case">
			<span>Subsurface Intelligence</span>
		  </a>

		  <a class="storyband-slide" href="{{ '/consulting/' | relative_url }}">
			<img src="{{ '/img/hero/3D_cropped_bathy.png' | relative_url }}" alt="Integrated mooring system design with shared anchors">
			<span>Integrated Systems</span>
		  </a>

		</div>

		<div class="storyband-carousel__controls">
		  <button class="storyband-carousel__button storyband-carousel__button--prev" type="button" aria-label="Previous slide">
			‹
		  </button>

		  <div class="storyband-carousel__dots" aria-label="Carousel navigation">
			<button class="storyband-carousel__dot is-active" type="button" aria-label="Go to slide 1"></button>
			<button class="storyband-carousel__dot" type="button" aria-label="Go to slide 2"></button>
			<button class="storyband-carousel__dot" type="button" aria-label="Go to slide 3"></button>
			<button class="storyband-carousel__dot" type="button" aria-label="Go to slide 4"></button>
		  </div>

		  <button class="storyband-carousel__button storyband-carousel__button--next" type="button" aria-label="Next slide">
			›
		  </button>
		</div>
	  </div>
	</div>

  </div>
</section>

<!-- ── OUR SYSTEM ────────────────────────────────────────────────────── -->
<section class="morie-capabilities" aria-label="Our system">
  <div class="morie-capabilities-header">
    <p class="home-storyband__eyebrow">Our system</p>
    <h2 class="plat-section__title">Integrated workflow of engineering disciplines</h2>
  </div>
  <div class="morie-capabilities-grid">

    <div class="capability-item">
      <div class="capability-icon">
        <img src="{{ '/img/morie_icon_site.png' | relative_url }}" alt="Site Intelligence">
      </div>
      <h3>Site Intelligence</h3>
      <p>Transform marine data into engineering-ready inputs for global offshore wind analysis.</p>
    </div>

    <div class="capability-item">
      <div class="capability-icon">
        <img src="{{ '/img/morie_icon_layout.png' | relative_url }}" alt="Layout Engineering">
      </div>
      <h3>Layout Engineering</h3>
      <p>Generate optimized floating wind farm layouts using constraint-driven spatial design.</p>
    </div>

    <div class="capability-item">
      <div class="capability-icon">
        <img src="{{ '/img/morie_icon_subsurface.png' | relative_url }}" alt="Subsurface Design">
      </div>
      <h3>Subsurface &amp; Anchor Design</h3>
      <p>Evaluate soil spatial variability and anchor performance under coupled offshore loading conditions.</p>
    </div>

    <div class="capability-item">
      <div class="capability-icon">
        <img src="{{ '/img/morie_icon_system2.png' | relative_url }}" alt="System Integration">
      </div>
      <h3>Integrated System Design</h3>
      <p>Coupled mooring, anchor and cable analysis systems integrated into a unified engineering workflow.</p>
    </div>

  </div>
</section>

<!-- ── WORKFLOW ──────────────────────────────────────────────────────── -->
<section class="plat-workflow" aria-label="Seven-step floating wind engineering workflow">
  <div class="plat-container">
    <p class="home-storyband__eyebrow">The workflow</p>
    <h2 class="plat-section__title">A connected engineering pipeline — end to end</h2>
    <p class="plat-section__lead">
      Seven modular tools covering the full floating wind design chain.
    </p>
    <ol class="plat-pipeline" aria-label="Seven-step Morie workflow">

      <li class="plat-pipeline__step">
        <div class="plat-pipeline__step-header">
          <span class="plat-pipeline__number">01</span>
        </div>
        <div class="plat-pipeline__icon">
          <img src="{{ '/img/morie_icon_site.png' | relative_url }}" alt="">
        </div>
        <h3 class="plat-pipeline__name">Site</h3>
        <p class="plat-pipeline__desc">Define project boundaries and extract bathymetry and environmental data automatically.</p>
      </li>

      <li class="plat-pipeline__step">
        <div class="plat-pipeline__step-header">
          <span class="plat-pipeline__number">02</span>
        </div>
        <div class="plat-pipeline__icon">
          <img src="{{ '/img/morie_icon_layout.png' | relative_url }}" alt="">
        </div>
        <h3 class="plat-pipeline__name">Layout</h3>
        <p class="plat-pipeline__desc">Optimised turbine placement within site constraints and environmental loading.</p>
      </li>

      <li class="plat-pipeline__step">
        <div class="plat-pipeline__step-header">
          <span class="plat-pipeline__number">03</span>
        </div>
        <div class="plat-pipeline__icon">
          <img src="{{ '/img/morie_icon_subsurface.png' | relative_url }}" alt="">
        </div>
        <h3 class="plat-pipeline__name">Soil</h3>
        <p class="plat-pipeline__desc">Multi-layer geotechnical model builder and spatial interpolation across the site footprint.</p>
      </li>

      <li class="plat-pipeline__step">
        <div class="plat-pipeline__step-header">
          <span class="plat-pipeline__number">04</span>
        </div>
        <div class="plat-pipeline__icon">
          <img src="{{ '/img/morie_icon_mooring.png' | relative_url }}" alt="">
        </div>
        <h3 class="plat-pipeline__name">Mooring</h3>
        <p class="plat-pipeline__desc">Catenary and taut-leg mooring analysis with shared-anchor configurations.</p>
      </li>

      <li class="plat-pipeline__step">
        <div class="plat-pipeline__step-header">
          <span class="plat-pipeline__number">05</span>
        </div>
        <div class="plat-pipeline__icon">
          <img src="{{ '/img/morie_icon_anchor.png' | relative_url }}" alt="">
        </div>
        <h3 class="plat-pipeline__name">Anchor</h3>
        <p class="plat-pipeline__desc">Main anchor concepts. Multi-layer soil profiles. 3D real-time geometry viewer. Factor-of-safety design checks.</p>
      </li>

      <li class="plat-pipeline__step">
        <div class="plat-pipeline__step-header">
          <span class="plat-pipeline__number">06</span>
        </div>
        <div class="plat-pipeline__icon">
          <img src="{{ '/img/morie_icon_cable.png' | relative_url }}" alt="">
        </div>
        <h3 class="plat-pipeline__name">Cable</h3>
        <p class="plat-pipeline__desc">Dynamic cable design and optimization. Inter-array and export cable routing and sizing.</p>
      </li>

      <li class="plat-pipeline__step">
        <div class="plat-pipeline__step-header">
          <span class="plat-pipeline__number">07</span>
        </div>
        <div class="plat-pipeline__icon">
          <img src="{{ '/img/morie_icon_atlas.png' | relative_url }}" alt="">
        </div>
        <h3 class="plat-pipeline__name">Atlas</h3>
        <p class="plat-pipeline__desc">Integrated project atlas — full-site anchor mapping, cost estimation and comparison views.</p>
      </li>

    </ol>
  </div>
</section>

<script>
  document.addEventListener('DOMContentLoaded', function () {
    const carousel = document.querySelector('.storyband-carousel');
    if (!carousel) return;

    const slides = Array.from(carousel.querySelectorAll('.storyband-slide'));
    const dots = Array.from(carousel.querySelectorAll('.storyband-carousel__dot'));
    const prevButton = carousel.querySelector('.storyband-carousel__button--prev');
    const nextButton = carousel.querySelector('.storyband-carousel__button--next');

    let currentIndex = 0;

    function updateCarousel(index) {
      slides.forEach((slide, i) => {
        slide.classList.toggle('is-active', i === index);
      });

      dots.forEach((dot, i) => {
        dot.classList.toggle('is-active', i === index);
      });

      currentIndex = index;
    }

    prevButton.addEventListener('click', function () {
      const nextIndex = (currentIndex - 1 + slides.length) % slides.length;
      updateCarousel(nextIndex);
    });

    nextButton.addEventListener('click', function () {
      const nextIndex = (currentIndex + 1) % slides.length;
      updateCarousel(nextIndex);
    });

    dots.forEach((dot, index) => {
      dot.addEventListener('click', function () {
        updateCarousel(index);
      });
    });

    updateCarousel(0);
  });
</script>