Проєкт 01 Виробництво · E-commerce каталог Запущено
Veron Doors
Редизайн сайту виробника дверей — я спроєктував, зверстав і запустив його.
Відкритий до пропозицій
Продуктовий дизайн, що не закінчується макетом.
Веду продукти від дослідження й UX до дизайн-системи та робочого сайту, а AI допомагає йти швидше.
- 01Проблема
- 02Дослідження
- 03Архітектура
- 04UX
- 05UI
- 06Прототип
- 07Продукт
Звідки мій досвід
- UX/UI Designer / Product Designer The UpperCode
Серп. 2022 – трав. 2025. Працював над SaaS-продуктами, CRM, платформою пошуку роботи та сайтами для різних ніш. Проходив увесь шлях: дослідження користувачів і логіка шляхів користувача, інформаційна архітектура, дизайн інтерфейсів, дизайн-система й передача в розробку.
- UX/UI Designer / Product Designer Star Compliance
Черв. 2025 – трав. 2026. Покращував UX і UI вебплатформи для комплаєнсу у фінтеху та її мобільного застосунку в команді з трьох дизайнерів: переробляв складні шляхи користувачів, спрощував читання щільних екранів з даними та тримав веб і мобільний застосунок в одному стилі.
- Дизайн + код Freelance
Черв. 2026 – зараз. Сайти під ключ: проєктую одразу в коді та сам роблю верстку, адмінку й запуск, тож клієнт має одну людину від першого начерку до живого сайту.
Вибрані роботи
Продукти, а не просто екрани.
Сайт виробника й власний SaaS — обидва спроєктував і зібрав сам від початку до кінця.
Компетенції
Одна людина — увесь ланцюжок.
Дизайн — основа. Решта — щоб він дійшов до релізу.
-
01 Стратегія й дослідження
Що робити, для кого й чого не робити — на основі інтерв’ю, аудитів і спостережень.
- Продуктова стратегія
- UX-дослідження
-
02 Структура й шляхи
Моделі даних, навігація й шляхи користувачів у складних продуктах, зі станами та незвичайними ситуаціями.
- Інформаційна архітектура
- Дизайн взаємодії
-
03 Інтерфейс і система
Щільні, спокійні інтерфейси з чіткою ієрархією, а також стилі, компоненти й документація, якими команда користується далі.
- UI-дизайн
- Дизайн-системи
-
04 Прототип і розробка
Від клікабельного прототипу до робочого сайту: адаптивно й доступно.
- Прототипування
- Верстка
-
05 Випуск продукту з AI
Специфікації й архітектура — на мені, код допомагає писати AI, який прискорює кожен етап.
- Розробка з AI
- Швидке прототипування
AI у робочому процесі
AI допомагає в роботі. Але не думає замість мене.
Я використовую Claude, Claude Code і ChatGPT на всіх етапах. Вони генерують і реалізують; я формулюю завдання, ухвалюю рішення й відповідаю за якість.
ЕтапAI прискорюєВідповідаю я
01Дослідження Розбирає мої нотатки з інтерв’ю, дивиться на схожі продукти й розкладає відгуки по групах. Сам вирішую, що справді важливо.
02Ідеї Швидко накидає кілька варіантів шляху, екранів і текстів. Вибираю один напрям, решту викидаю.
03Дизайн Підказує, які стани екрана я міг забути, і пропонує слова для кнопок і підказок. Відповідаю за ієрархію, систему й те, як усе виглядає в кінці.
04Розробка Пише код за моїм описом. Продумую структуру й читаю кожну зміну.
05Перевірка Шукає проблеми з доступністю, SEO, швидкістю й битими посиланнями. Сам пробую на справжніх телефонах і ноутбуках.
06Правки Вносить правки по всьому проєкту одразу. Вирішую, що змінювати, а що залишити.
Процес
Від ідеї до робочого продукту.
- 01
Зрозуміти
Дивлюся, хто користується продуктом і де він заважає людям.
- 02
Сформулювати
Описую проблему одним реченням, щоб усі розуміли, що саме ми розв’язуємо.
- 03
Спроєктувати
Спершу продумую шлях користувача, потім малюю інтерфейс.
- 04
Показати в русі
Якнайраніше роблю клікабельну версію, щоб її можна було спробувати до розробки.
- 05
Зібрати
Верстку пишу сам або передаю розробникам з описом усіх станів.
- 06
Доробити
Запускаю, дивлюся, як люди користуються, і виправляю те, що не працює.
Про мене
Я вчився продуктовому дизайну на B2B-софті з великою кількістю даних. Тепер я замикаю цикл — розробляю те, що проєктую.
Про мене →Наступний крок