Іван

Іван Дьома
UI/UX & Product Designer
Хмельницький, Україна
Email: [open contact info](look above in the "contact info" section) | Тел.: [open contact info](look above in the "contact info" section) | Behance: https://www.behance.net/194606be | LinkedIn: [open contact info](look above in the "contact info" section)
Профіль
Cертифікований з відзнакою UI/UX дизайнер із 4-річною базою в комп'ютерній графіці та освітою у сфері комп'ютерної інженерії. Спеціалізуюся на проєктуванні комплексних продуктів: маю в портфоліо кросплатформну екосистему (GROOV), мобільні додатки (DanceLink) та досвід UX-редизайну таск-бордів для B2B-систем рівня Odoo. Розуміння фронтенду (HTML/CSS) та просунуте володіння Figma (Auto Layouts, Variables, Design Systems) дозволяють мені передавати в розробку технічно грамотні макети, забезпечуючи ідеальний Handoff.
Професійний досвід
UI/UX Designer
Personal project• Хмельницький • 11.2026
Повний цикл створення адаптивного сайту-портфоліо: від визначення цілей аудиторії та інформаційної архітектури до дизайн-системи, UI-розробки й готового до публікації продукту. Проєкт реалізовано із застосуванням AI-assisted підходу до розробки.
• Продуктова стратегія та UX: Визначив цільову аудиторію (рекрутери й замовники) та її ключове завдання: за хвилину зрозуміти, хто я, що створив і як зі мною зв'язатися. Побудував структуру сторінки та єдину схему подачі кейсів (Problem, Process, Solution, Result), що спрощує порівняння проєктів.
• Дизайн-система: Розробив систему з нуля: типографіка Inter Tight, мідна акцентна палітра, світла тема, бібліотека кнопок, чипів і карток. Уніфікував компоненти (єдина висота кнопок 48 px) та рух (одна крива анімації), що гарантує цілісність інтерфейсу.
• Адаптивність та якість: Спроєктував мобільну та десктопну розкладки з перебудовою в одну колонку нижче 1000 px. Перевірив коректність роботи на екранах 390 та 1440 px.
• Реалізація: Створив робочий сайт на HTML5, CSS3 та JavaScript: прелоадер, мовний перемикач EN/UA, контактна форма. Використав AI-асистента (Claude) для прискорення розробки, самостійно визначаючи рішення, структуру та пріоритети.
• Дистрибуція: Підготував матеріали для Behance та LinkedIn: структурований кейс із блоками Overview, Design System, Process і Final Design.
• Інструменти: HTML, CSS, JavaScript, Claude (AI).
Результат: Готовий адаптивний продукт із власною дизайн-системою, який представляє три UX/UI кейси, освіту та контакти в єдиному потоці. Структура сайту скорочує шлях рекрутера до ключової інформації, а опублікований кейс на Behance підсилює особистий бренд.
Кейс: 🔗 https://www.behance.net/gallery/258122265/Portfolio-Website-for-a-UXUI-Designer
UI/UX Designer | B2B SaaS
UX-аудит та редизайн модуля для корпоративної ERP-системи (рівня Odoo) • Хмельницький • 09.2026-09.2026
Повний цикл переосмислення мобільного досвіду для B2B SaaS-продукту: від пошуку системних UI/UX проблем до створення інтерактивних прототипів та макетів, повністю підготовлених до Developer Handoff. Проєкт реалізовано із застосуванням сучасного AI-driven підходу.
• Глибинний UX-аудит та AI-аналітика: Провів аудит поточного інтерфейсу, використовуючи Claude (AI) як спаринг-партнера для швидкого пошуку патернів та генерації гіпотез (самостійно фіналізуючи пріоритети та рішення). Виявив критичні UX-борги: малі тач-таргети, неоднозначні статуси, конфлікти floating-елементів та нелокалізовані помилки.
• Оптимізація ключових User Flows: Сфокусувався на 3 мобільних сценаріях (пошук/фільтрація, створення задачі, обробка помилок). Для кожного побудував строгий цикл: Поточний flow → Аналіз проблеми → Рішення → Redesigned flow.
• Advanced UI & Мобільна Ергономіка: Спроєктував нові екрани на основі нативних патернів: Bottom Sheet для зручної фільтрації, FAB для швидких дій, inline-валідація форм (замість технічних банерів) та actionable-компоненти. Звів усі флоу в єдиний інтерактивний прототип.
• Design Tokens & Handoff: Для гарантії точного відтворення дизайну в коді підготував специфікацію токенів (кольори, spacing, типографіка). Додатково застосовував навички HTML/CSS-прототипування для оцінки технічної реалізованості рішень.
• Інструменти: Figma, Claude (AI), HTML/CSS.
Результат: Детально задокументований UX-кейс, який вирішує реальні проблеми enterprise-інтерфейсу. Макети мають чітке логічне обґрунтування та повністю відповідають стандартам передачі в розробку (Handoff).
UI/UX Designer
IT STEP Academy (Дипломний проєкт) • Хмельницький • 01.2026-04.2026
Повний цикл проєктування музичного застосунку (iOS + Web) від етапу Product Discovery до створення масштабованої дизайн-системи та підготовки макетів до Handoff.
• UX-дослідження та архітектура: Провів аналіз конкурентів і болей аудиторії (вирішив проблему перевантаженої навігації). Розробив інформаційну архітектуру та безшовні User Flows для мобайлу та десктопу.
• Масштабована Дизайн-система: Збудував атомарну дизайн-систему з нуля (кольори, типографіка Manrope/SF Pro, сітки, бібліотека UI-компонентів). Реалізував повноцінні Світлу та Темну теми.
• Core-функціонал (B2C): Спроєктував ключові флоу: онбординг, розумний пошук із фільтрами, профіль, плеєр із чергою та синхронізованими текстами, а також інтеграцію AI-рекомендацій.
• Бізнес-фокус та B2B-модуль: Розробив UI для 4 тарифів Premium-підписки (монетизація). Спроєктував Admin Panel для артистів (B2B-рішення) — дашборди для завантаження треків, аналітики прослуховувань та гейміфікованого прогресу.
• Інструменти: Figma, Adobe Photoshop, Adobe Illustrator.
Результат: Комплексний кросплатформний продукт із готовою логікою, повноцінною дизайн-системою та технічно грамотно структурованими макетами для передачі в розробку.
Кейс: 🔗https://www.behance.net/gallery/252025211/GROOV-Music-Streaming-Ecosystem-UIUX-Case-Study
UI/UX & Product Designer
IT STEP Academy (Курсовий проєкт) • Хмельницький • 11.2025-12.2025
Проєктування з нуля мобільної соціальної платформи для танцюристів. Ключовий виклик проєкту — інтеграція складного функціоналу AI-тренера (аналіз техніки в реальному часі) у зручний та зрозумілий користувацький інтерфейс.
• UX-стратегія та Архітектура: Провів глибинне дослідження аудиторії (персони, болі, мотивація). Побудував інформаційну архітектуру та наскрізні User Flows, спрямовані на безшовний онбординг та утримання користувачів (Retention).
• Проєктування AI-інтерфейсу (Complex UI): Розробив UX/UI для модуля штучного інтелекту — запакував складну систему оцінки техніки, трекінг рухів та зворотний зв'язок у реальному часі в інтуїтивно зрозумілі дашборди та екрани прогресу.
• Social & Engagement модулі: Спроєктував механіки для соціальної взаємодії та залучення аудиторії: персоналізовану стрічку (Feed), профілі, систему чатів та налаштувань.
• Візуальна ідентичність та Дизайн-система: Розробив логотип, фірмовий стиль та гнучку UI-бібліотеку компонентів у Figma, яка дозволяє легко масштабувати продукт.
• Інструменти: Figma
Результат: Продуманий продуктовий концепт, який вдало поєднує соціальні механіки зі складним AI-функціоналом. Макет повністю структурований та готовий до передачі розробникам (Developer Handoff).
Кейс: 🔗 https://www.behance.net/gallery/240854177/DanceLink-AI-Dance-Trainer-Social-Ecosystem
UI/UX Designer
IT STEP Academy (Курсовий проєкт) • Хмельницький • 09.2025-10.2025
Розробка конверсійного лендінгу для технологічного івенту повного циклу (End-to-End). Головна задача проєкту — максимізація кількості реєстрацій через інтуїтивний флоу та створення візуалу, який резонує з IT-аудиторією.
• Конверсійна архітектура (Marketing UX): Спроєктував структуру сторінки як ефективну воронку залучення: від Hero-секції з таймером (використання тригеру FOMO — страху втраченої вигоди), до блоків розкладу, призового фонду та фінальної форми реєстрації.
• Трендовий Visual Design: Створив візуальну ідентичність, яка ідеально б'є в цільову аудиторію розробників — темний інтерфейс (Dark Mode) у стилі Cyberpunk із використанням Glassmorphism та неонових акцентів.
• Mobile-First & Адаптивність: Забезпечив бездоганну адаптивність макетів (Desktop, Tablet, Mobile). Для мобільної версії застосував нативний патерн iOS Bottom Sheet, що робить процес реєстрації максимально швидким та зручним для управління однією рукою.
• High-Fidelity прототипування: Провів проєкт через усі стадії: від створення логіки у Wireframes до збірки інтерактивного клікабельного прототипу у Figma.
• Інструменти: Figma
Результат: Ефективний промо-інструмент із продуманою маркетинговою логікою та сучасним UI, макети якого повністю структуровані та готові до швидкої верстки.
Кейс: 🔗 https://www.behance.net/gallery/254330191/Hack-On-Hackathon-Landing-Page-UIUX-Design
Освіта
IT STEP Academy
Сертифікований фахівець / Спеціаліст з комп'ютерної графіки та дизайну, Комп'ютерна графіка та дизайн • Хмельницький • 09.2022-04.2026
За 4 роки навчання в IT STEP пройшов шлях від базового малювання та брендингу до повноцінного проектування складних UI/UX продуктів.
Сфокусувався на створенні зручних веб- та мобільних інтерфейсів: від дослідження користувачів, побудови персонажів та архітектури інформації (IA) до збірки гнучких дизайн-систем у Figma. Паралельно закрив технічну сторону — розібрався з версткою на HTML5/CSS3, щоб макети були зручними для розробників.
Головні проєкти за час навчання:
• GROOV — дипломна кросплатформена музична екосистема (мобільний плеєр + аналітичний дешборд).
• DanceLink — курсовий проєкт мобільного застосунку з AI-тренером для танцюристів.
• Hack On — промо-лендинг для 48-годинного хакатону в естетиці Liquid Glass з адаптивною сіткою.
Окрім UI/UX, детально вивчив типографіку, теорію дизайну, створення BrandBook, багатосторінкову верстку та додрукарську підготовку (Adobe InDesign), растрову й векторну графіку (Photoshop, Illustrator), моушн-дизайн (After Effects), а також інженерне креслення (AutoCAD) та 3D-моделювання й візуалізацію (3ds Max, Maya, ZBrush)
ХМЕЛЬНИЦЬКА ТОРГОВЕЛЬНО-ЕКОНОМІЧНА АКАДЕМІЯ
Фаховий молодший бакалавр, Комп'ютерна інженерія • Хмельницький • 09.2024 – продовжую навчання
Здобуваю освіту за спеціальністю «Комп'ютерна інженерія». Опановую фундаментальні технічні дисципліни: архітектуру комп'ютерних систем, мережеві технології, технічне обслуговування обладнання та основи програмування.
Ключовий фокус та здобутки:
• Базові технічні знання (архітектура ПК, мережі, апаратне забезпечення), що допомагають глибше розуміти технічні обмеження та можливості при спроєктуванні цифрових продуктів.
• Проходження виробничої та навчальної практики з підготовкою звітності та технічної документації.
• Поєднання інженерного підходу з UI/UX дизайном: розуміння фронтенду (HTML/CSS) та логіки роботи веб-систем дає змогу проектувати інтерфейси, які легко адаптуються під реальну розробку.
Сертифікати
• Professional Diploma in Computer Graphics & UI/UX Design – IT STEP Academy – 04.2026
• English Language Proficiency Certificate (A2 Levels) – FLASH school of English – 01.2026
• Certificate of Completion: 3D Character Modeling & Animation (Autodesk Maya) – IT STEP Academy (Autodesk Authorized Academic Partner) – 06.02025
• Certificate of Completion: 3D Modeling & Photorealistic Visualization (Autodesk 3ds Max) – IT STEP Academy (Autodesk Authorized Academic Partner) – 12.2024
• Certificate of Completion: Computer-Aided Design & Drafting (Autodesk AutoCAD) – IT STEP Academy (Autodesk Authorized Academic Partner) – 11.2024
• English Language Proficiency Certificate (A1 Levels) – FLASH school of English – 07.2023
• Junior Computer Academy Certificate of Completion – IT STEP Academy – 06.2022

Професійні навички
UI/UX & Product Design
• Figma (Auto Layout, Design Systems) – Експерт
• Mobile App Design — Просунутий
• Responsive Web & Landing Page Design — Просунутий
• UX Research — Просунутий
• Interactive Prototyping & Wireframing — Просунутий
• Developer Handoff & Spec Documentation — Просунутий
• AI Interface Design — Середній
• Semantic HTML5 & CSS3 — Просунутий
• No-Code Web Architecture — Просунутий
Cуміжні навички: графіка, брендинг, інженерія
• Vector & Raster Graphics (Photoshop & Illustrator) — Експерт
• Branding & Identity (BrandBook Creation) — Просунутий
• Typography & Grid Systems — Експерт
• UI Motion & Micro-interactions — Середній
• Pre-press & Print Production (InDesign) — Просунутий
• Commercial Advertising Design — Експерт
• High-Poly & Low-Poly 3D Modeling (3ds Max / Maya) — Просунутий
• Photorealistic Rendering & Lighting — Просунутий
• 3D Character & Motion Animation (Maya) — Середній
• 2D Technical Drawing & Drafting (AutoCAD) — Просунутий
• Digital Sculpting & Character Design (ZBrush) — Середній
• Hardware Diagnostics & Maintenance — Просунутий
Мови
• Українська — С2
• English — B1
Хобі
Активно займаюся кікбоксингом — це чудово тренує дисципліну, витривалість, швидкість прийняття рішень та вміння тримати фокус у крізових ситуаціях.