174 lines
9.1 KiB
HTML
174 lines
9.1 KiB
HTML
<section id="projects" class="section section--surface" data-reveal>
|
|
<div class="section__inner">
|
|
<h2 class="section__title">Portfolio</h2>
|
|
<ol class="mini-projects-grid" data-mini-projects-list>
|
|
<li class="mini-projects-grid__item" data-mp-cells="2" data-related-slug="ai-platform-primo-rpa">
|
|
<a class="mp-card mp-card--link mp-card--reflect" href="{{casesPrefix}}ai-platform-primo-rpa/" aria-label="AI platform — open case">
|
|
<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="Project type">
|
|
<li class="mp-card__tag">UX/UI</li>
|
|
<li class="mp-card__tag">Web App</li>
|
|
</ul>
|
|
<p class="mp-card__desc">Interface for training and using AI models in business processes: data work, automation scenarios, and Smart OCR.</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="mini-projects-grid__item" data-mp-cells="2" data-related-slug="lunacy">
|
|
<a class="mp-card mp-card--link mp-card--reflect" href="{{casesPrefix}}lunacy/" aria-label="Graphics editor Lunacy — open case">
|
|
<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="Project type">
|
|
<li class="mp-card__tag">UX/UI</li>
|
|
<li class="mp-card__tag">Desktop App</li>
|
|
</ul>
|
|
<p class="mp-card__desc">Work on the Lunacy interface at Icons8: user flows, complex prototypes, improved functionality and interface logic.</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="mini-projects-grid__item" data-mp-cells="2" data-related-slug="manu-game-maker" hidden>
|
|
<a class="mp-card mp-card--link mp-card--reflect" href="{{casesPrefix}}manu-game-maker/" aria-label="MANU game engine — open case">
|
|
<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 game engine</h3>
|
|
<ul class="mp-card__tags" aria-label="Project type">
|
|
<li class="mp-card__tag">Product Design</li>
|
|
<li class="mp-card__tag">Desktop App</li>
|
|
</ul>
|
|
<p class="mp-card__desc">Redesign and evolution of the game engine interface: a new working concept, refreshed visual system, and hundreds of complex user scenarios worked through.</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="mini-projects-grid__item" data-mp-cells="2" data-related-slug="mobile-clinic-app" hidden>
|
|
<a class="mp-card mp-card--link mp-card--reflect" href="{{casesPrefix}}mobile-clinic-app/" aria-label="Mobile app for a clinic network — open case">
|
|
<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">Mobile app for a clinic network</h3>
|
|
<ul class="mp-card__tags" aria-label="Project type">
|
|
<li class="mp-card__tag">UX/UI</li>
|
|
<li class="mp-card__tag">Mobile App</li>
|
|
</ul>
|
|
<p class="mp-card__desc">Design of a mobile app for booking doctors and managing medical services. Focus on a simple user path, clear navigation, and quick access to the right actions.</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="mini-projects-grid__item" data-mp-cells="2" data-related-slug="orc-automation-panel">
|
|
<a class="mp-card mp-card--link mp-card--reflect" href="{{casesPrefix}}orc-automation-panel/" aria-label="Web panel for automation orchestration — open case">
|
|
<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="Project type">
|
|
<li class="mp-card__tag">Mentoring & coaching</li>
|
|
</ul>
|
|
<p class="mp-card__desc">Primo RPA orchestrator web console: projects, launch and control of RPA bots. Redesign of key screens for production without halting releases.</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="mini-projects-grid__item" data-mp-cells="2" data-related-slug="task-distribution-concept" hidden>
|
|
<a class="mp-card mp-card--link mp-card--reflect" href="{{casesPrefix}}task-distribution-concept/" aria-label="Task distribution service concept — open case">
|
|
<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">Task distribution service concept</h3>
|
|
<ul class="mp-card__tags" aria-label="Project type">
|
|
<li class="mp-card__tag">UX/UI</li>
|
|
<li class="mp-card__tag">Analytics</li>
|
|
</ul>
|
|
<p class="mp-card__desc">A product concept for a service to set, distribute and track tasks, with emphasis on process transparency and comfortable teamwork.</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="mini-projects-grid__item" data-mp-cells="2" data-related-slug="task-tracker" hidden>
|
|
<a class="mp-card mp-card--link mp-card--reflect" href="{{casesPrefix}}task-tracker/" aria-label="Task tracker for a back-office system — open case">
|
|
<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">Task tracker for a back-office system</h3>
|
|
<ul class="mp-card__tags" aria-label="Project type">
|
|
<li class="mp-card__tag">Product Design</li>
|
|
<li class="mp-card__tag">Web App</li>
|
|
</ul>
|
|
<p class="mp-card__desc">Interface for planning and distributing tasks in the operations department: shared pool, personal ToDo, per-assignee overview; tabs, filters, board / list / table views, drag & drop.</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
<script>
|
|
document.querySelectorAll('.mp-card--reflect').forEach(function (c) {
|
|
var i = c.querySelector('.mp-card__image');
|
|
if (i) c.style.setProperty('--card-cover', 'url("' + i.src + '")');
|
|
});
|
|
</script>
|
|
</section>
|