Instagram story viewer> @designwork.com.ua> Posts

UI/UX Дизайнер-фрілансер

@designwork.com.ua

185

followers

161

following

💡Розробка сайтів під ключ
📱Дизайн додатків
⏰7+років досвіду
📈Figma, Photoshop, Webflow
✉️Детальніше тут👇

POSTS STORIES REELS TAGGED

Download All

Коли я почав робити свою CRM і не думав, що дійду до такого, особливо не маючи глибоких знань у програмуванні. Але за 2 місяці активного використання AI, я створив централізований постинг у соцмережі і AI-обробник текстів.

— Пишу чернетку, яка потім летить в Gemini.
— Там я можу гратись з тональністю, строгістю через промти в налаштуваннях CRM.
— Gemini видає 2 варіанти для кожної соцмережі: технічний і емоційний.
— Потім все йде до Groq, яка ліпить один текст для кожної мережі.
— Кожен текст можна редагувати окремо, після багатьох експериментів з промтами, я отримую ~80% ідеалу.— Добавляю всі медіа файли і готово
— Візуалізація для постингу кожної соц мережі + іконка при кілку на яку зразу переходиш в соц мережу

Розробка забрала багато часу, але результат того вартий. На черзі - відкладений постинг, щоб готувати пости на 1-2 тижні вперед.
#aicoding #uxui #crm #buildinpublic by @designwork.com.ua

1

0

7 months ago

За останні два місяці я активно тестував Cursor, Claude та Antigravity. На черзі був Figma Make. У п'ятницю в обід випадково дізнався про #FigmaMakeathon і зрозумів, що це ідеальний момент для тест-драйву. Цей проєкт — чиста імпровізація і робочий MVP, зібраний з нуля за одні вихідні.

Розробив локальний трекер постави для фрілансерів і всіх, хто годинами сидить за екраном. Головний акцент — 100% приватність. Жодні дані не йдуть на бекенд, усе обробляється в браузері.
Що реалізовано:
- Персональне калібрування: врахування зросту, кута камери та фіксація еталонної пози.
- Опціональне калібрування відстані до монітора через детекцію листка А4.
- Плаваючий віджет поверх вікон, який сигналізує про викривлення спини.
- Аналітика сесій з розпізнаванням проблемних патернів.

Технічна реалізація: Інтерфейс спроєктовано у @Figma та зібрано в figmamake на React + TypeScript (Tailwind CSS v4, Framer Motion). Комп'ютерний зір і трекінг працюють локально через MediaPipe (FaceLandmarker + PoseLandmarker). Для віджета використано Document Picture-in-Picture API, для рендеру HUD — Canvas API. Додані кастомні JS-алгоритми для детекції А4 та безконтактного вимірювання пульсу/дихання. Усе працює на клієнті при ~30fps.

Деталі проєкту тут: https://contra.com/community/noTxWuZ9?r=vitalii_kravchuk_tgs0dsz9&referralExperimentNid=DEFAULT_REFERRAL_PROGRAM by @designwork.com.ua

0

0

7 months ago

Нарешті доробив дашборд. Основна сторінка на якій я буду проводити 95% часу.

За 15 років постановок цілей та задач я перепробував різні варіанти, від додатків і веб сервісів до кастомних блокнотів. І плюс мінус винайшов робочу систему для себе.

Замість жорсткого графіка, який не працює в довгостроковій перспективі, я фокусуюся на глобальній меті, яка мотивує діяти.

На дашборді присутні ключові елементи, які полегшують мою роботу:

— Канбан-дошка з трьома статусами: «Зробити», «Зроблено» (очікує перевірки клієнта) та «Беклог». Це вирішує постановку задач для мене та клієнтів.

— Швидке додавання задач: введення кількох рядків тексту з нерозривним ентером автоматично формує пул підзадач.

— Можливість прив'язки задач до актуальних проєктів.

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

— Синхронізація подій з Google Календарем та власне створення подій з автоматичним сортуванням за датою.

— Фінансова статистика для відстеження заробітку та прогресу. (Окремо в настройках глобальних задається план на місяць по грошах)

Цей підхід забезпечує чітке бачення всіх подій, задач, глобальної мети та фінансових показників, запобігаючи зануренню в рутину.

#buildinpublic #ai #crm #uxui #vibecoding by @designwork.com.ua

2

0

8 months ago

Нарешті доробив один з найважливіших блоків у своїй CRM — модуль фінансів. 💸

Тепер у мене є дві точки дотику з фінансами:

1. Загальна статистика

Замість сухих цифр — візуалізація. Графіки миттєво показують динаміку доходів і витрат за будь-який період. А радіальна діаграма чітко відповідає на питання "Що саме приносить гроші?". Одразу видно співвідношення прибутку (дизайн vs розробка під ключ) та звідки приходять клієнти.

2. Детальні транзакції

Жодного хаосу. Всі фінансові операції лежать в одному списку з жорсткими фільтрами. Я можу за секунду знайти будь-яку транзакцію, відсортувавши базу по конкретному клієнту, проєкту або типу (дохід/витрата).

Наявність такого інструменту знімає ментальне навантаження. Ти просто бачиш цифри, розумієш, де твої зусилля дають найбільший результат, і приймаєш рішення без стресу.

Далі сідаю за розробку головного дашборду CRM. 🛠

#aicoding #uxui #crm #buildinpublic #webdesign by @designwork.com.ua

0

0

8 months ago

Зібрав разом інформацію по проєктах і клієнтах. Тепер для кожного проєкту одразу видно його джерело, чистий дохід, витрати на аутсорс та оплати (брудними). Також додав типи робіт та клієнтів для аналітики на сторінці фінансів.

При кліці на проєкт відкривається модалка з трьома вкладками: нотатки (інфо, паролі, деталі), трекер годин (для погодинних проєктів, автоматичний підрахунок суми), та редагування (основні дані клієнта).

Раніше кожний проєкт був на окремій сторінці, що вимагало зайвих кліків. Перенесів все на одну сторінку з модальним вікном праворуч. Це спрощує навігацію.

Далі — розробка сторінки з фінансами by @designwork.com.ua

0

0

8 months ago

Тиждень пройшов за роботою над стилістикою. Була ідея зробити дизайн в стилі glass, що виявилося складніше на верстці, ніж у Figma. Наразі перероблено стилі кнопок (з трьома варіантами: зелена, червона, біла), радіокнопок, табів, перемикачів, полів вводу (з фіксованим лейблом, щоб не губитися) та перенесено створення проєктів і клієнтів у стандартне місце.

Раніше я свідомо йшов на експерименти, відступаючи від загальноприйнятих UX-практик, керуючись виключно власними вподобаннями. Деякі з цих експериментів виявилися не найвдалішими:)

Наразі стилістика дизайну буде залишена в спокої, доки не буде завершено розробку функціоналу всіх сторінок. by @designwork.com.ua

0

0

8 months ago

Інтегрував функціонал створення рахунків безпосередньо в свою CRM-систему. Тепер у розділі "Клієнти" з'явився новий підрозділ, який дозволяє генерувати рахунки.

Логіка побудови цього функціоналу була наступною:

1. Налаштування базової інформації: Мої контактні дані, банківські реквізити та іншу ключову інформацію, яка буде відображатися на кожному рахунку. Це було реалізовано через розділ "Мої налаштування".

2. Профіль клієнта: Для кожного клієнта потрібна своя інформація: назва компанії, адреса, податковий номер, вибір валюти і рахунку. Ця функціональність була додана до налаштувань клієнтів.

3. Управління рахунками: Ядро системи – це можливості самого рахунку.
- Можна створювати, дублювати, зберігати та експортувати рахунки.
- Підтримується перемикання між українською та інтернаціональною версіями.
- Система автоматично підтягує дані, залишається ввести дату, опис та умови оплати.
- Сума послуг автоматично рахується (числом та прописом).

Експорт у PDF є ключовим для відправлення клієнтам. Це був один з найбільш складних етапів. Спочатку пробував з різними готовими скриптами, але щось не дуже вийшло. Тому пішов на пролом і писав все з нуля. (якщо взагалі так можна казати в моєму випадку😂)

Наразі є деякі дрібні недоліки у верстці, які я планую виправити в найближчий час. by @designwork.com.ua

0

0

8 months ago

Сьогодні завершив перший великий модуль своєї CRM — сторінку клієнтів.

Приємно, коли цифри наводять лад, а не хаос. Тепер зрозуміло, хто, звідки, скільки заробив і які проєкти були. Це дає відчуття певного контролю над своїм бізнесом.Додав функціонал миттєвого пошуку та сортування даних у колонках.

В майбутньому планується глибока інтеграція з аналітикою, що дозволить побачити повну картину ефективності взаємодії з клієнтами.

Також AI допоміг з демонстрацією даних — однією кнопкою приховав все чутливе для відео. Це звільняє від зайвих клопотів.

Наступний крок — інтеграція з іншими модулями, зокрема із проєктами. by @designwork.com.ua

1

0

8 months ago

На фото – макети моєї нової CRM. Три роки я керував справами через Notion, але цей інструмент перестав відповідати моїм потребам: був не надто естетичним і мав обмеження в гнучкості.

Я давно мріяв про кастомну CRM, де сам налаштовую вигляд і функції. Google Antigravity став поштовхом до дії. Тепер я створюю власний інструмент, орієнтований виключно на мої задачі.

Поки що це MVP в макетах: дашборд, клієнти, проєкти, фінанси. UX базовий. Думаю, саме час розпочинати кодити. by @designwork.com.ua

1

0

8 months ago

Вас цікавить, як розробити сайт з нуля, оцінити і покращити його функціональність та як використовувати ці знання для розвитку власного бізнесу?

Тоді вам точно треба на консультацію до Віталія Кравчука 🧠
він знає про дизайн та розробку сайтів все, що необхідно як початківцям, так і підприємцям з досвідом 📈

🎤 Віталій Кравчук — UX/UI дизайнер-фрілансер, 10+ років на фрілансі, з них 6+ років в UX/UI дизайні. Працював з клієнтами з більш ніж 10 країн 🌎

Записатись до нього, або до будь-якого іншого консультанта ви можете через сайт Дія.Бізнес у Тернополі, посилання — у шапці профілю 🙌

Зокрема, доступні консультації з таких тем:

✅юридичні послуги та нотаріат
✅бухгалтерія
✅digital, дизайн та маркетинг
✅грантрайтинг
✅ експорт
✅стратегічний розвиток
✅закупівлі
✅менеджмент
✅ та підтримка бізнесу Службою зайнятості by @designwork.com.ua

35

5

2 years ago

Познайомимо вас із першими п'ятьма консультантами, які надаватимуть послуги у центрі підтримки підприємців Дія.Бізнес у Тернополі:

⭐ Оксана Качурівська — голова ГО «Вест Юкрейн Діджитал», керівниця центру підтримки підприємців Дія.Бізнес у Тернополі, має 5 років досвіду у сфері консультування з питань залучення ресурсів для розвитку громад, співпраці з міжнародними партнерами та донорськими організаціями

⭐ Віталій Кравчук — UX/UI дизайнер-фрілансер 10+ років на фрілансі, з них 6+ років в UX/UI дизайні. Працював з клієнтами з більш ніж 10 країн

⭐ Аліна Кашапова — маркетологиня, бізнес-консультантка, має 6+ років досвіду в управлінні командою

⭐ Мирослава Даньків — бізнес-консультантка, має
5+ років досвіду в управлінні проєктами та бізнес-консалтингу для МСП

⭐ Богдан Грималюк — адвокат, 4+ роки досвіду у адвокатській діяльності

Нагадуємо, що партнери центру підтримки підприємців Дія.Бізнес у Тернополі надають послуги «Консалтингу» на порталі за посиланням у шапці профілю ✅

З іншими консультантами познайомимо вас у наступних постах, тому слідкуйте за анонсами центру😌

Консультуйтесь з експертами та нехай підприємництво буде легким і зрозумілим 💙💛 taken in Дія.Бізнес І Тернопіль by @designwork.com.ua

121

1

2 years ago

🌟 Відкрийте двері до світу фрілансу! 🌟

Шукаєте шлях до вільної роботи та фінансової незалежності? Мій курс допоможе вам крок за кроком освоїти секрети фрілансу та почати заробляти вже сьогодні!

Не гайте часу на мрії про вільну роботу - дійте зараз! Приєднуйтеся до мого курсу та розпочніть свій шлях до фріланс-успіху вже сьогодні! 💼🚀 #ФрілансКурс

Натхнення та успіху у вашому фріланс-шляху! 🌟👩‍💻👨‍💻

www.freelance-study.space by @designwork.com.ua

10

0

3 years ago