Дмитро

ПОРТФОЛІО — UI/UX ДИЗАЙН ВИПУСК 02 / 2025
5202 · АНЇАРКУ ,КУЧНЕМЕРК · ИКНУСОТСАЗ-БЕВ · ИТЙАС

ДМИТРО
КРЕСТОВНІКОВ
UI/UX-ДИЗАЙНЕР — САЙТИ ТА ВЕБ-ЗАСТОСУНКИ

ПОШТА · ОСНОВНИЙ КОНТАКТ TELEGRAM МІСТО

[відкрити контакти](див. вище в блоці «контактна інформація») t.me/mazafaka047 Кременчук · віддалено

02 / 05 — ПРО МЕНЕ

Дизайн, що починається з людини.
ТРИ ПРИНЦИПИ
Я UI/UX-дизайнер із Кременчука.
Проєктую сайти та веб-застосунки — 01 Людина в центрі. Рішення
від ідеї та структури до готових макетів народжуються з потреб
користувачів, а не з естетичних
у Figma й робочої верстки. уподобань.

У своїй роботі керуюся принципами
02 Логічна архітектура. Користувач
людиноцентричного проєктування (Human-Centred знаходить потрібне за кілька кліків —
Design): глибоко розумію потреби користувачів, інтерфейс не змушує думати.
будую логічну інформаційну архітектуру та
застосовую перевірені сценарії взаємодії. 03 Перевірені сценарії. Взаємодія, що
підтверджена практикою, а не
Я самоучка — за плечима два роки щоденної вигадана з нуля.
практики на реальних замовленнях: понад 60 із них,
від точкових правок до сайтів і застосунків під ключ.
Розумію HTML, CSS і JavaScript, тому проєктую з
оглядкою на розробку: макет одразу перетворюється
на живий сайт — без втрат і сюрпризів.

2+ 60+ 100%
РОКИ У ДИЗАЙНІ ЗАМОВЛЕНЬ РІЗНОГО ВІДДАЛЕНА РОБОТА
МАСШТАБУ

НАВИЧКИ ДОСВІД

Сайти та лендінги ВПЕВНЕНО 2023 — ДОТЕПЕР · ФРІЛАНС

UI/UX-дизайнер
Веб-застосунки та кабінети ВПЕВНЕНО
Сайти та веб-застосунки під ключ: від
дослідження та структури до UI й передачі в
UI-кити та прототипи у Figma ВПЕВНЕНО
розробку.

Верстка HTML / CSS ВПЕВНЕНО
ІНСТРУМЕНТИ

JavaScript БАЗОВИЙ РІВЕНЬ
Figma · HTML5 · CSS3 · JavaScript

ОСВІТА

Самоосвіта — постійна практика на
реальних проєктах, вивчення патернів та
гайдлайнів.

ДМИТРО КРЕСТОВНІКОВ — ПОРТФОЛІО 2025 [відкрити контакти](див. вище в блоці «контактна інформація»)

03 / 05 — ПРОЦЕС РОБОТИ

Як я працюю. HUMAN-CENTRED DESIGN
ПРЕВʼЮ ПЕРЕМИКАЮТЬСЯ САМІ

01 02 03 04 05 06

Дослідження Структура Прототип UI-дизайн Верстка Запуск
мета, люди, карта сайту, каркаси та кліки візуал, UI-кіт, макети → живий перевірка,
конкуренти сценарії адаптив код метрики, правки

svitanok.ua zerno.coffee

ЗЕРНО
Оберіть свій простір
Меню Про нас Контакти Замовити

ВЛАСНЕ

Кава, що збирає людей у
ОБСМАЖЕННЯ

центрі міста
Власне обсмаження, свіжа випічка та
24 М² 32 М² 48 М² найтепліша атмосфера на Соборній.

Стандарт Делюкс Люкс
2 гості · king-size 2–3 гості · ванна до 4 гостей · тераса

3 200 ₴ / ніч 5 400 ₴ / ніч 8 900 ₴ / ніч Переглянути меню Замовити каву

ЗАБРОНЮВАТИ ЗАБРОНЮВАТИ ЗАБРОНЮВАТИ
Е С П Р Е С О · К А П У Ч И Н О · Ф Л Е Т В А Й Т · К Р УА С А Н И · К А В А В З Е Р Н А Х ·

Світанок — бутик-готель ЛЕНДІНГ · 2025 ЗЕРНО — кав'ярня та САЙТ + МАГАЗИН ·
обсмажування 2025

01 Дослідження 02 Структура
Спочатку — розмова з вами та вашими клієнтами: які Розкладаю всі розділи та функції на «картки» й збираю
задачі вирішують люди, де їм незручно й чому вони йдуть. карту сайту (Sitemap). Прописую сценарії користувача: як
Аналізую конкурентів і референси — щоб переймати вдалі людина від першого екрана доходить до замовлення —
патерни, а не копіювати чужі помилки. без зайвих кроків.
Ви отримуєте: список вимог і пріоритетів — чітке Ви отримуєте: схему сайту та сценарії взаємодії —
розуміння, що саме будуємо і навіщо. майбутній продукт видно ще до дизайну.

03 Прототип 04 UI-дизайн
Малюю каркаси екранів без кольорів: тільки логіка, Одягаю прототип у фінальний вигляд: кольори, шрифти,
ієрархія та розташування елементів. Збираю клікабельний компоненти й стани кнопок, адаптив під телефони.
прототип — його можна пройти, як справжній сайт. Дотримуюся правил зручності (евристики Нільсена) та
Ви отримуєте: перевірену логіку — усі правки вносимо до доступності (WCAG) — інтерфейс зрозумілий без
того, як витрачено час на фінальний дизайн. інструкцій.
Ви отримуєте: макети всіх екранів у Figma та UI-кіт для
подальшого розвитку.

05 Верстка 06 Запуск і покращення
Розумію HTML, CSS і JavaScript, тому сам перетворюю Після запуску перевіряю, чи доходить користувач до мети
макети на живий сайт: адаптивний, швидкий, з без зайвих кроків, збираю відгуки та метрики. На основі
коректними формами. Або готую все до передачі вашим реальних даних точково доопрацьовую — продукт живе й
розробникам. росте.
Ви отримуєте: працюючий сайт, який виглядає точно так Ви отримуєте: сайт, який не просто «стоїть в інтернеті», а
само, як у макеті. працює на результат.

«Хороший продукт починається не з коду і не з малювання кнопок — а з розуміння
людини, яка ним користуватиметься».
ДМИТРО КРЕСТОВНІКОВ — ПОРТФОЛІО 2025 [відкрити контакти](див. вище в блоці «контактна інформація»)

04 / 05 — ОБРАНІ ПРОЄКТИ

Обрані проєкти. 3 КЕЙСИ 2025 РОКУ
ПОВНИЙ СПИСОК — ЗА ЗАПИТОМ

01 / 03 svitanok.ua

Світанок — бутик-готель у Києві
Бронювати

ЛЕНДІНГ · HORECA · 2025 Тиша, світло і ранкова кава над
Сайт готелю на Андріївському узвозі: атмосфера кам'яниці Подолом
XIX століття та повний цикл бронювання онлайн — від Дванадцять світлих номерів у

вибору дат до підтвердження замовлення. відреставрованій кам'яниці XIX століття на
Андріївському узвозі.

Зробив: дизайн-систему в стилі boutique (Playfair Display +
ЗАЇЗД ВИЇЗД ГОСТІ

Montserrat), інтерактивний віджет бронювання, сторінки 12.06.2025 15.06.2025 2 гості Знайти номер

номерів із цінами, галерею, відгуки, особистий кабінет
гостя, модальні вікна та адаптив під мобільні.

FIGMA HTML / CSS JS АДАПТИВ ФОРМИ

stezhka.ua
02 / 03
Вакансії Резюме Компанії Увійти

C#, Unity, MS SQL Знайти Стежка — платформа пошуку
ЗАРПЛАТА
Від 80 000 ₴
Senior C# / Unity Developer
Softlist Studio · Київ · Дистанційно
роботи
Дистанційно

ДОСВІД
₴120 000 C# Unity
ВЕБ-ЗАСТОСУНОК · HR-TECH · 2025
1–3 роки
3–5 років
5+ років
Middle .NET Developer
Сервіс для двох ролей: шукач шукає вакансії з фільтрами,
DevsCrew · Львів · Гібрид

₴95 000 .NET MS SQL
роботодавець веде кандидатів у воронці. Найскладніший
мій застосунок — понад 10 екранів і станів.
Full-stack .NET Engineer
AirSprite · Київ · Дистанційно Зробив: інформаційну архітектуру та User Flow для обох
₴140 000 .NET Azure

ролей, пошук вакансій із фільтрами й сортуванням,
сторінку вакансії, кабінети шукача й роботодавця, ATS-
канборд кандидатів (drag & drop), месенджер, сповіщення
та систему тостів.

FIGMA UI-КІТ ПРОТОТИП ДАШБОРДИ

SPA-ЛОГІКА

03 / 03 zerno.coffee

ЗЕРНО — кав'ярня та власне
ЗЕРНО Меню Про нас Контакти Замовити

ВЛАСНЕ

Кава, що збирає людей у
ОБСМАЖЕННЯ

обсмажування центрі міста
САЙТ + ІНТЕРНЕТ-МАГАЗИН · HORECA / E-COMMERCE ·
Власне обсмаження, свіжа випічка та
2025 найтепліша атмосфера на Соборній.

Не просто вітрина, а магазин при кав'ярні: гість обирає Переглянути меню Замовити каву

напій у меню, замовляє зерно та каву до дому — і
повертається за балами лояльності.
Власне обсмаження Доставка по місту Програма лояльності
свіже зерно щотижня від 400 ₴ — безкоштовно бали за кожне замовлення

Е С П Р Е С О · К А П У Ч И Н О · Ф Л Е Т В А Й Т · К Р УА С А Н И · К А В А В З Е Р Н А Х ·

Зробив: дизайн-систему (Cormorant + Montserrat, аркові
форми, карамельна палітра), меню з крапковими лідерами,
каталог зерна з фільтрами, кошик зі зміною кількості,
чекаут у 3 кроки та кабінет із програмою лояльності.

05 / 05 — КОНТАКТ

СПІВПРАЦЮ
ЙМО
[відкрити контакти](див. вище в блоці «контактна інформація»)

EMAIL TELEGRAM КРЕМЕНЧУК, УКРАЇНА
t.me/mazafaka047

* напишіть — відповідаю протягом дня.

© 2025 ДМИТРО КРЕСТОВНІКОВ ВЕРСТАНО ПІД A4

ы