236 lines
13 KiB
HTML
236 lines
13 KiB
HTML
<section hidden class="section section--surface" aria-hidden="true">
|
|
<div class="section__inner">
|
|
<div class="projects__heading">
|
|
<h2 class="section__title projects__title">Portfolio</h2>
|
|
<div class="projects__controls" aria-label="Portfolio card navigation">
|
|
<button type="button" class="projects__nav-btn" data-projects-prev aria-label="Scroll left" aria-controls="projects-viewport">
|
|
<span class="projects__nav-ico projects__nav-ico--left" aria-hidden="true"></span>
|
|
</button>
|
|
<button type="button" class="projects__nav-btn" data-projects-next aria-label="Scroll right" aria-controls="projects-viewport">
|
|
<span class="projects__nav-ico projects__nav-ico--right" aria-hidden="true"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="projects-carousel">
|
|
<div id="projects-viewport" class="projects-carousel__viewport" data-projects-viewport>
|
|
<div class="projects-carousel__track">
|
|
<div class="projects-carousel__spacer" aria-hidden="true"></div>
|
|
<article class="projects-carousel__item">
|
|
<a class="portfolio-card" data-glass="false" href="{{casesPrefix}}orc-automation-panel/">
|
|
<div class="portfolio-card__body">
|
|
<h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
|
|
<p class="portfolio-card__summary">
|
|
Primo RPA orchestrator web console: projects, launch and control of RPA bots. Redesign of key screens for production without halting releases.
|
|
</p>
|
|
<ul class="portfolio-card__tags" aria-label="Key tags">
|
|
<li class="portfolio-card__tag">UX/UI</li>
|
|
<li class="portfolio-card__tag">Web App</li>
|
|
</ul>
|
|
</div>
|
|
<div class="portfolio-card__cover" aria-hidden="true">
|
|
<img
|
|
class="portfolio-card__image"
|
|
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
|
|
data-defer-src="{{assetPrefix}}assets/orc-primo-rpa/cover.webp"
|
|
alt=""
|
|
width="400"
|
|
height="225"
|
|
decoding="async"
|
|
/>
|
|
</div>
|
|
</a>
|
|
</article>
|
|
<article class="projects-carousel__item">
|
|
<a class="portfolio-card" data-glass="false" href="{{casesPrefix}}ai-platform-primo-rpa/">
|
|
<div class="portfolio-card__body">
|
|
<h3 class="portfolio-card__title">Platform for working with AI</h3>
|
|
<p class="portfolio-card__summary">
|
|
Interface for training and using AI models in business processes: data work, automation scenarios, and Smart OCR.
|
|
</p>
|
|
<ul class="portfolio-card__tags" aria-label="Key tags">
|
|
<li class="portfolio-card__tag">UX/UI</li>
|
|
<li class="portfolio-card__tag">Web App</li>
|
|
</ul>
|
|
</div>
|
|
<div class="portfolio-card__cover" aria-hidden="true">
|
|
<img
|
|
class="portfolio-card__image"
|
|
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
|
|
data-defer-src="{{assetPrefix}}assets/ai-platform-primo-rpa/cover.webp"
|
|
alt=""
|
|
width="400"
|
|
height="225"
|
|
decoding="async"
|
|
/>
|
|
</div>
|
|
</a>
|
|
</article>
|
|
<article class="projects-carousel__item">
|
|
<a class="portfolio-card" data-glass="false" href="{{casesPrefix}}task-tracker/">
|
|
<div class="portfolio-card__body">
|
|
<h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
|
|
<p class="portfolio-card__summary">
|
|
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>
|
|
<ul class="portfolio-card__tags" aria-label="Key tags">
|
|
<li class="portfolio-card__tag">Product Design</li>
|
|
<li class="portfolio-card__tag">Web App</li>
|
|
</ul>
|
|
</div>
|
|
<div class="portfolio-card__cover" aria-hidden="true">
|
|
<img
|
|
class="portfolio-card__image"
|
|
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
|
|
data-defer-src="{{assetPrefix}}assets/task-tracker/cover.webp"
|
|
alt=""
|
|
width="400"
|
|
height="225"
|
|
decoding="async"
|
|
/>
|
|
</div>
|
|
</a>
|
|
</article>
|
|
<article class="projects-carousel__item">
|
|
<a class="portfolio-card" data-glass="false" href="{{casesPrefix}}manu-game-maker/">
|
|
<div class="portfolio-card__body">
|
|
<h3 class="portfolio-card__title">MANU game engine</h3>
|
|
<p class="portfolio-card__summary">
|
|
Redesign and evolution of the game engine interface: a new working concept, refreshed visual system, and hundreds of complex user scenarios worked through.
|
|
</p>
|
|
<ul class="portfolio-card__tags" aria-label="Key tags">
|
|
<li class="portfolio-card__tag">Product Design</li>
|
|
<li class="portfolio-card__tag">Desktop App</li>
|
|
</ul>
|
|
</div>
|
|
<div class="portfolio-card__cover" aria-hidden="true">
|
|
<img
|
|
class="portfolio-card__image"
|
|
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
|
|
data-defer-src="{{assetPrefix}}assets/manu-game-maker/cover.webp"
|
|
alt=""
|
|
width="400"
|
|
height="225"
|
|
decoding="async"
|
|
/>
|
|
</div>
|
|
</a>
|
|
</article>
|
|
<article class="projects-carousel__item">
|
|
<a class="portfolio-card" data-glass="false" href="{{casesPrefix}}lunacy/">
|
|
<div class="portfolio-card__body">
|
|
<h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
|
|
<p class="portfolio-card__summary">
|
|
Work on the Lunacy interface at Icons8: user flows, complex prototypes, improved functionality and interface logic.
|
|
</p>
|
|
<ul class="portfolio-card__tags" aria-label="Key tags">
|
|
<li class="portfolio-card__tag">UX/UI</li>
|
|
<li class="portfolio-card__tag">Desktop App</li>
|
|
</ul>
|
|
</div>
|
|
<div class="portfolio-card__cover" aria-hidden="true">
|
|
<img
|
|
class="portfolio-card__image"
|
|
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
|
|
data-defer-src="{{assetPrefix}}assets/lunacy/cover.webp"
|
|
alt=""
|
|
width="400"
|
|
height="225"
|
|
decoding="async"
|
|
/>
|
|
</div>
|
|
</a>
|
|
</article>
|
|
<article class="projects-carousel__item">
|
|
<a class="portfolio-card" data-glass="false" href="{{casesPrefix}}mobile-clinic-app/">
|
|
<div class="portfolio-card__body">
|
|
<h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
|
|
<p class="portfolio-card__summary">
|
|
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>
|
|
<ul class="portfolio-card__tags" aria-label="Key tags">
|
|
<li class="portfolio-card__tag">UX/UI</li>
|
|
<li class="portfolio-card__tag">Mobile App</li>
|
|
</ul>
|
|
</div>
|
|
<div class="portfolio-card__cover" aria-hidden="true">
|
|
<img
|
|
class="portfolio-card__image"
|
|
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
|
|
data-defer-src="{{assetPrefix}}assets/mobile-clinic-app/cover.webp"
|
|
alt=""
|
|
width="400"
|
|
height="225"
|
|
decoding="async"
|
|
/>
|
|
</div>
|
|
</a>
|
|
</article>
|
|
<article class="projects-carousel__item">
|
|
<a class="portfolio-card" data-glass="false" href="{{casesPrefix}}task-distribution-concept/">
|
|
<div class="portfolio-card__body">
|
|
<h3 class="portfolio-card__title">Task distribution service concept</h3>
|
|
<p class="portfolio-card__summary">
|
|
A product concept for a service to set, distribute and track tasks, with emphasis on process transparency and comfortable teamwork.
|
|
</p>
|
|
<ul class="portfolio-card__tags" aria-label="Key tags">
|
|
<li class="portfolio-card__tag">UX/UI</li>
|
|
<li class="portfolio-card__tag">Analytics</li>
|
|
</ul>
|
|
</div>
|
|
<div class="portfolio-card__cover" aria-hidden="true">
|
|
<img
|
|
class="portfolio-card__image"
|
|
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
|
|
data-defer-src="{{assetPrefix}}assets/task-distribution-concept/cover.webp"
|
|
alt=""
|
|
width="400"
|
|
height="225"
|
|
decoding="async"
|
|
/>
|
|
</div>
|
|
</a>
|
|
</article>
|
|
<article class="projects-carousel__item">
|
|
<a class="portfolio-card" data-glass="false" href="{{casesPrefix}}obsidian-plugin-columns-view/">
|
|
<div class="portfolio-card__body">
|
|
<h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
|
|
<p class="portfolio-card__summary">
|
|
Interface for multi-column note work: convenient navigation, filtering and column-view settings right inside the Obsidian editor.
|
|
</p>
|
|
<ul class="portfolio-card__tags" aria-label="Key tags">
|
|
<li class="portfolio-card__tag">UX/UI</li>
|
|
<li class="portfolio-card__tag">Plugin</li>
|
|
</ul>
|
|
</div>
|
|
<div class="portfolio-card__cover" aria-hidden="true">
|
|
<img
|
|
class="portfolio-card__image"
|
|
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
|
|
data-defer-src="{{assetPrefix}}assets/obsidian-plugin-columns-view/filter use.webp"
|
|
alt=""
|
|
width="400"
|
|
height="225"
|
|
decoding="async"
|
|
/>
|
|
</div>
|
|
</a>
|
|
</article>
|
|
<div class="projects-carousel__spacer" aria-hidden="true"></div>
|
|
</div>
|
|
</div>
|
|
<button
|
|
type="button"
|
|
class="projects-carousel__edge-hit projects-carousel__edge-hit--left"
|
|
data-projects-edge-prev
|
|
aria-label="Scroll portfolio left"
|
|
></button>
|
|
<button
|
|
type="button"
|
|
class="projects-carousel__edge-hit projects-carousel__edge-hit--right"
|
|
data-projects-edge-next
|
|
aria-label="Scroll portfolio right"
|
|
></button>
|
|
</div>
|
|
</div>
|
|
</section>
|