site-portfolio/src/partials/projects-related.html

<section class="section section--surface" data-reveal>
        <div class="section__inner">
          <h2 class="section__title">Смотрите также</h2>
          <ol class="mini-projects-grid" data-mini-projects-list>
            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="ai-platform-primo-rpa">
              <a class="mp-card mp-card--link mp-card--stack" href="{{casesPrefix}}ai-platform-primo-rpa/" aria-label="Платформа для работы с AI — открыть кейс">
                <div class="mp-card__media" aria-hidden="true">
                  <img
                    class="mp-card__image"
                    src="{{assetPrefix}}assets/ai-platform-primo-rpa/cover.webp"
                    alt=""
                    width="400"
                    height="225"
                    loading="lazy"
                    decoding="async"
                  />
                </div>
                <div class="mp-card__body">
                  <h3 class="mp-card__title">Primo AI Server</h3>
                  <ul class="mp-card__tags" aria-label="Тип проекта">
                    <li class="mp-card__tag">UX/UI</li>
                    <li class="mp-card__tag">Web App</li>
                  </ul>
                  <p class="mp-card__desc">Интерфейс для обучения и использования AI‑моделей в бизнес‑процессах: работа с данными, сценариями автоматизации и Smart OCR.</p>
                </div>
              </a>
            </li>
            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="lunacy">
              <a class="mp-card mp-card--link mp-card--stack" href="{{casesPrefix}}lunacy/" aria-label="Графический редактор Lunacy — открыть кейс">
                <div class="mp-card__media" aria-hidden="true">
                  <img
                    class="mp-card__image"
                    src="{{assetPrefix}}assets/lunacy/cover.webp"
                    alt=""
                    width="400"
                    height="225"
                    loading="lazy"
                    decoding="async"
                  />
                </div>
                <div class="mp-card__body">
                  <h3 class="mp-card__title">Lunacy</h3>
                  <ul class="mp-card__tags" aria-label="Тип проекта">
                    <li class="mp-card__tag">UX/UI</li>
                    <li class="mp-card__tag">Desktop App</li>
                  </ul>
                  <p class="mp-card__desc">Работа над интерфейсом Lunacy в команде Icons8: user flow, сложные прототипы, улучшение функциональности и интерфейсной логики.</p>
                </div>
              </a>
            </li>
            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="manu-game-maker" hidden>
              <a class="mp-card mp-card--link mp-card--stack" href="{{casesPrefix}}manu-game-maker/" aria-label="Игровой движок MANU — открыть кейс">
                <div class="mp-card__media" aria-hidden="true">
                  <img
                    class="mp-card__image"
                    src="{{assetPrefix}}assets/manu-game-maker/cover.webp"
                    alt=""
                    width="400"
                    height="225"
                    loading="lazy"
                    decoding="async"
                  />
                </div>
                <div class="mp-card__body">
                  <h3 class="mp-card__title">Игровой движок MANU</h3>
                  <ul class="mp-card__tags" aria-label="Тип проекта">
                    <li class="mp-card__tag">Product Design</li>
                    <li class="mp-card__tag">Desktop App</li>
                  </ul>
                  <p class="mp-card__desc">Редизайн и развитие интерфейса игрового движка: новая концепция работы, обновлённая визуальная система и проработка сотен сложных пользовательских сценариев.</p>
                </div>
              </a>
            </li>
            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="mobile-clinic-app" hidden>
              <a class="mp-card mp-card--link mp-card--stack" href="{{casesPrefix}}mobile-clinic-app/" aria-label="Мобильное приложение для сети клиник — открыть кейс">
                <div class="mp-card__media" aria-hidden="true">
                  <img
                    class="mp-card__image"
                    src="{{assetPrefix}}assets/mobile-clinic-app/cover.webp"
                    alt=""
                    width="400"
                    height="225"
                    loading="lazy"
                    decoding="async"
                  />
                </div>
                <div class="mp-card__body">
                  <h3 class="mp-card__title">Мобильное приложение для сети клиник</h3>
                  <ul class="mp-card__tags" aria-label="Тип проекта">
                    <li class="mp-card__tag">UX/UI</li>
                    <li class="mp-card__tag">Mobile App</li>
                  </ul>
                  <p class="mp-card__desc">Дизайн мобильного приложения для записи к врачам и работы с медицинскими услугами. Фокус на простом пользовательском пути, понятной навигации и быстром доступе к нужным действиям.</p>
                </div>
              </a>
            </li>
            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="orc-automation-panel">
              <a class="mp-card mp-card--link mp-card--stack" href="{{casesPrefix}}orc-automation-panel/" aria-label="Веб-панель для оркестрации автоматизаций — открыть кейс">
                <div class="mp-card__media" aria-hidden="true">
                  <img
                    class="mp-card__image"
                    src="{{assetPrefix}}assets/orc-primo-rpa/cover.webp"
                    alt=""
                    width="400"
                    height="225"
                    loading="lazy"
                    decoding="async"
                  />
                </div>
                <div class="mp-card__body">
                  <h3 class="mp-card__title">Primo Orc</h3>
                  <ul class="mp-card__tags" aria-label="Тип проекта">
                    <li class="mp-card__tag">Менторство и наставничество</li>
                  </ul>
                  <p class="mp-card__desc">Веб-кабинет оркестратора Primo RPA: проекты, запуск и контроль RPA-роботов. Редизайн ключевых экранов под продакшен без остановки релизов.</p>
                </div>
              </a>
            </li>
            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="task-distribution-concept" hidden>
              <a class="mp-card mp-card--link mp-card--stack" href="{{casesPrefix}}task-distribution-concept/" aria-label="Концепт сервиса распределения задач — открыть кейс">
                <div class="mp-card__media" aria-hidden="true">
                  <img
                    class="mp-card__image"
                    src="{{assetPrefix}}assets/task-distribution-concept/cover.webp"
                    alt=""
                    width="400"
                    height="225"
                    loading="lazy"
                    decoding="async"
                  />
                </div>
                <div class="mp-card__body">
                  <h3 class="mp-card__title">Концепт сервиса распределения задач</h3>
                  <ul class="mp-card__tags" aria-label="Тип проекта">
                    <li class="mp-card__tag">UX/UI</li>
                    <li class="mp-card__tag">Analytics</li>
                  </ul>
                  <p class="mp-card__desc">Продуктовый концепт сервиса для постановки, распределения и отслеживания задач, с акцентом на прозрачность процессов и удобство командной работы.</p>
                </div>
              </a>
            </li>
            <li class="mini-projects-grid__item" data-mp-cells="3" data-related-slug="task-tracker" hidden>
              <a class="mp-card mp-card--link mp-card--stack" href="{{casesPrefix}}task-tracker/" aria-label="Таск-трекер для бек-офис системы — открыть кейс">
                <div class="mp-card__media" aria-hidden="true">
                  <img
                    class="mp-card__image"
                    src="{{assetPrefix}}assets/task-tracker/cover.webp"
                    alt=""
                    width="400"
                    height="225"
                    loading="lazy"
                    decoding="async"
                  />
                </div>
                <div class="mp-card__body">
                  <h3 class="mp-card__title">Таск-трекер для бек-офис системы</h3>
                  <ul class="mp-card__tags" aria-label="Тип проекта">
                    <li class="mp-card__tag">Product Design</li>
                    <li class="mp-card__tag">Web App</li>
                  </ul>
                  <p class="mp-card__desc">Интерфейс для планирования и распределения задач в операционном отделе: общий пул, личный ToDo, обзор по исполнителям; вкладки, фильтры, доска / список / таблица, Drag&amp;Drop.</p>
                </div>
              </a>
            </li>
          </ol>
        </div>
      </section>