Підписуйся на канал Frontend Shinobi, щоб отримувати найсвіжіші техніки, поради та інструменти для веб-розробників. Хочеш бути в тренді? Хочеш створювати стильні сайти та веб-додатки? Тоді тобі точно сюди!
Офіційний канал Батальйону Безпілотних Систем Небесна Кара, 54 ОМБр Наше гасло: "Зло - має бути покарано! Ворог - має бути знищений!" Приєднуйтесь до нас, підримуйте нас! Більше донатів - більше контенту! Дякуємо! Зворотній зв'язок: [email protected]
Допомога ЗСУ https://www.sternenkofund.org/donate 🫶🏻Фонд @sternenkofund ❗️Нікому не пишу, не прошу гроші, поповнити рахунок чи щось купити. Усі збори на армію публічні. Російська мова у коментах заборонена.
🍁моє планування вересня, щоб він не пролетів повзподілюсь своїми пріоритетами на місяць і буду рада, якщо ви теж згадаєте про те, що відкладали1 — навчання/саморозвитокбагато дивлюсь, читаю, досліджую📎Федорів влог про ETNODIM📎ютуб-канал "The diary of CEO", зараз — подкаст про вплив ШІ на наш мозок 📎апдейти ШІ, якими я користуюсь, та тестування нових на ринку📎“Технофеодалізм: що вбило капіталізм” (перечитую книгу, вам шерю статтю)2 — клієнти та клієнтські проєкти👉🏻щомісячний review моїх матеріалів: бриф, комерційна, договори👉🏻апдейт та переклад партнерської програми на англійську👉🏻фокус на двох основних проєктах місяця (інтернет-магазин та корпоративний сайт)👉🏻зідзвон-узгодження деталей по сайту, який заходить в роботу з осені та який плануємо релізнути аж у грудні👉🏻регулярний дизайн емейл-маркетингу для моїх постійних клієнтів з США
більше точкових корисних дій, менше хаосу
3 — здоровʼяне коментую, але лагідно нагадую вам, наскільки важливі чекапи: здайте кров, сходіть на УЗД і все таке4 — відпочинок і спорт👉🏻на наступному тижні йду в театр на “Безталанна”👉🏻планую від 3-х тренувань щотижня: менталочці це потрібно навіть більше, ніж тілу👉🏻сподіваюсь встигнути на ще одну аутдор йогу, доки не холодно👉🏻1 година без телефону до/після сну — замінюю паперовими книгами, ранковими ритуалами і тд👉🏻дочитую "Love, theoretically" i "Onyx Storm"5 — блогзавжди є план мінімум і план максимум— влітку реалізувала багато інтернет-магазинів, а не тільки сайт MESSYSPACE, тож ділитимусь— продовжую розказувати про преміалку UDESIGNU— сторіз завжди хочеться ще щирішими, інакше не бачу сенсу. в серпні виходило, це тішить!— планую поновити таргет🧡а у вас що в планах на вересень?
🌸💻підготовка до відпустки, коли ти фрілансер починається за 1,5 місяці до самої відпустки як ви знаєте (або ні), я не прихильниця воркейшну. звісно, щось термінове відповісти по роботі — ок, але використовувати ноут для чогось, крім відпочинку, в ці дні не люблю. тут розказувала #воркейшнтому готуюсь так: 👉🏻узгоджую з клієнтами орієнтовні фінальні дати проєктів; з усіма — різні. якщо відпустка починається 1 липня (насправді значно пізніше), то в одному проєкті я домовлюсь за дедлайн 25.06, а в іншому — 27.06. так можу бути впевнена, що фіналізую проєкти без поспіху та матиму час на виправлення багів, раптом що. 👉🏻про подушку безпеки щось казати? я не головна role model в цій темі, але всім нам для чеклисту це потрібно 👉🏻уточнюю у постійних клієнтів, чи можу щось липневе зробити для них завчасно конкретно тут — дизайн&верстка емейл-маркетингу для мережі супермаркетів зі США, з якою працюю вже 1,5 роки. зазвичай це від кількох емейлів на місяць, тож можу засинхронитись з командою, отримати тз раніше та реалізувати все потрібне за 1-2 дні. 👉🏻виокремлюю час на відпочинок, хобі та «втикання» навіть в найхасловіші місяцітака собі превентивна міра, бо якщо ти працюєш 24/7, тобі потім доведеться тиждень відпустки присвятити лише тому, щоб дозволити собі скинути напругу та по-справжньому розслабитись (кажу за себе; якщо у вас не так, дуже круто! я не завжди можу швидко перемкнутись)🫶🏻всім липневий мопс!
⚡️3 ШІ-промпти, які я б використовувала, якби починала свій шлях в дизайні зараз вставляйте в Gemini/Claude/ChatGPT(ШІ = твій клієнт)📎1 — уяви, що ти власник бізнесу (ніша), який замовляє у мене дизайн-макет сайту у фігмі та верстку сайту за цим макетом на вебфлоу. Сформуй детальне технічне завдання, врахуй особливості ніші та ринку, поясни, яка має бути структура майбутнього лендінгу, надай референси та антиреференси(ШІ = твій асистент для конструктивної критики)📎2 — переглянь дизайн головної сторінки сайту для (деталі та посилання), який я зробила у фігмі. Оціни, як досвідчений UI/UX-дизайнер, який неодноразово працював з великими комерційними замовленнями для підприємців: що вдалось, а що варто покращити? Поділись порадами, як зробити цей кейс конкурентоспроможним. Звертай увагу на типографіку, кольори і контрасти, композиційну цілісність, візуальну ієрархію. Будь прискіпливим і справедливим.(ШІ = твій ментор)📎3 — я часто знаходжу візуально привабливі, але незрозумілі дизайни, ніби робили «дизайн заради дизайну». Як навчитися аналізувати/визначати, чи дійсно дизайн вирішує задачу бізнесу? Чи є він зручним для користувачів? Підготуй для мене алгоритм критичної оцінки UI/UX певного продукту (власного чи стороннього).чим детальніші ваші запити зараз, тим легше вам буде перетворити ШІ на свого універсального асистента згодом. давайте йому якомога більше контексту та пробуйте взаємодіяти по різних питаннях.у мене 5.5 років назад такого не було, коли тільки починала розбиратись з дизайном, тож все відбувалось повільніше. ви ж можете для себе зараз повністю змінити правила гри. налаштуватись на те, що розберетесь з дизайном (будь-який напрямок) за літо і розібратись — базово, але якісно🧡всім мопс!#толковийпочаток
🧡останній день продажів 7 потоку — це очевидно! звісно, я б це сказала у тг-каналі. але давайте не тіки про це. давайте про апдейти. у 2025 ми повністю перезняли більшість модулів. я оновлювала методологію та писала нові сценарії тижнями, бо зробити за кілька днів на колінці — не про нас. навіть у 2021, коли ми запускали тестове навчання, воно було адекватним. у 2025 — тут весь мій досвід роботи із українськими та зарубіжними брендами різних масштабів. (а за попередні роки я встигла попрацювати з Канадою, США, ОАЕ, країнами Південної Америки, Норвегією, Німеччиною і тд)тут десятки прикладів до теорії. тут десятки підходів до реалізації практики. тут можливість протягом курсу створити 👉🏻і серію віжуалів для соціальних мереж,👉🏻і комерційну презентацію для бренду,👉🏻і дизайн-макет сайту,👉🏻і зверстаний сайт на вебфлоу/шопіфай,👉🏻і кейси для Behance.зараз — це найкраще, що ми з командою створювали. я спокійна з цей продукт на 101%.тому раптом давно чекали можливості залетіти в дизайн, залітайте з нами в цьому потоці. 📎 https://www.tolkovoprod.com/designationабо вже десь восени 2025
🤔чому ти робиш тільки сайти? нішування чи обмеження? готуйтесь до масштабування після прочитання цього посту ви знаєте, мій основний напрямок — сайти. дизайн у Figma + верстка на Webflow/Shopify. ☝🏻АЛЕ— коли до мене прийшла постійна клієнтка (по сайтах) з США та запропонувала робити їм дизайн емейл-маркетингу (Figma) та верстку (SendGrid), я не відмовилась. і в 2024 гроші конкретного з того проєкту звозили мене в Англію. так само я розглядаю і пропозиції щодо допрацювання/редизайну сайтів. — про нещодавній магазин для Amie.Knitting розказувала в рілзі. там від мене потрібні були суто тех. налаштування, але в процесі аудиту я знайшла багато нюансів по ui/ux, які треба було змінити&покращити. в результаті, у мене 👉🏻2 основних проєкти/місяць, які веду паралельно в залежності від готовності сторін 👉🏻side-hustle задачі, які дають 20-25% доходу. 👉🏻графік, що підлаштовую під поточне навантаження. іноді без side-hustle, іноді — з ним. тож,🖇️порада намбе ванне слухайте, якщо вам кажуть, що «ви топ, тільки якщо нішувались і завжди робите щось одне». бо ви топ, коли робите так, як відчуваєте. 🖇️порада намбе туспробуйте розширити сітку послуг. на лінкедін, в інсті, в тіктоці, на беханс — публічно заявити, що взагалі-то ще можете допомогти з допрацюванням або редизайном, або тех.налаштуваннями, або презентаціями, або емейл-маркетингом. ви НЕ маєте знати все. але якщо ви знаєте трохи більше по своїй галузі, може, варто це монетизувати? ось і фінансова стеля пробʼється. ось і більше людей про вас дізнаються. ось і впевненості для підвищення чеків на основні послуги додасться. бо не страшно лишитись без проєктів. бо знаєш, що завжди є підстраховка.think about it))))🧡всім мопс! традиційно!
ваші questions — мої answersпост, натхненний анкетою передзаписуу процесі спілкування з усіма, хто її заповнив, я зрозуміла, що потрібно хоча б десь підсвітити переважну більшість питань, на які відповідаю.понеслась👇📎коли старт DESIGNЕЙШН та яка тривалість?[відверто] поки не затвердила точну дату. курс починається в середині квітня.орієнтовно 22 квітня. +-тиждень можлива розбіжність, бо дещо по клієнтському навантаженню треба зрозуміти ще.щодо тривалості курсу: основна частина 1,5 місяці, але зазвичай працюємо 2 місяці щільно над вашими кейсами. далі я на звʼязку з усіма. поза залежністю від тарифу — завжди можна отримати від мене відповідь на найважливіші для вас питання📎чи отримаю всю базу для професії?так, нам було важливо, аби це було саме так. тому… не тільки база, а й екстра інформація по просуванню, роботі з клієнтами, портфоліо, особистому бренду.окремо розкажу про "15 кроків роботи над комерційним проєктом"{спойлер: буде багато оновлень, бо перезнімаємо&доповнюємо все-все}📎де побачити програму?на сайті. а сайт доступний після заповнення анкети передзапису.📎чи будуть під час курсу якісь кейси, щоб відразу мати портфоліо?так, бо куди без цього? і комерційна презентація (figma), і сайт на одному/декількох конструкторах (figma + webflow/shopify), і кейси на behance по цих проєктах, і розуміння, як просуватись в соцмережах.звісно, на це піде більше, ніж 1.5 місяці, якщо у вас є паралельно робота/навчання/активне життя, але якщо системно продовжувати, результати не змусять себе чекати.📎боюсь, що ринок переповнений веб-дизайнерами і не знайду роботи…боятись — це нормально, але (!) мене досі просять рекомендації хороших веб-дизайнерів, з якими можна працювати на постійній основі.і українські клієнти, і закордонні.початківців — більшість, а тих, хто продовжив розвиватись&якісно працювати, — мало. відповідно, попит на крутих спеціалістів, — великий.📎чи обов’язково працювати на фрілансі після курсу? чи можна кудись на аутсорс в компанію?вибір за вами. ви зможете працювати там, де вам комфортно і де хочеться. а про всі формати взаємодії, звісно ж, розповідаю на DESIGNЕЙШН, аби у вас завжди під рукою були всі можливі варіанти.такий текстовий🗿 подкаст вийшов, а якщо хочеться преміум-підписку з відповідями вже на ваші конкретні питання, — заповнюйте анкету передзапису і уже незабаром напишу вам особисто 💫
знаєте, чого зазвичай не вистачає дизайнерам, щоб закріпитись на фрілансі?✨бізнес-орієнтований підхід✨розуміти дизайн — база,розуміти, як працює ринок, як правильно подавати цінність, як мислять клієнти, — необхідність.дизайнерам іноді так легко зациклитись на візуалі. та забути, що дизайн — це інструмент для вирішення бізнес-задач. яка конкретна дія допоможе зробити твої послуги дорожчими і затребуванішими?👉 будь бізнес-партнером, а не "підрядником"📎пояснюй, як певні рішення в дизайн-макеті допоможуть підвищити конверсії, а не просто "осьо вам лінк на фігму🙄"📎бери ініціативу в комунікації: не всі клієнти знають, які питання ставити перед початком співпраці, тому розказуй якомога більше. прописуй все в ноушні, щоб клієнт завжди міг повернутись до деталей.📎формулюй свої ідеї мовою вигоди для клієнта: не “зробила отакенький мінімалістичний дизайн..., а “спростила шлях користувача до покупки⚡️” (нехай я гіперболізую, але це важливо)після співпраці:📎не соромся розказувати про інші типи послуг, які надаєш, та прямо казати, що вони можуть знадобитись клієнту або його знайомим в майбутньому, тож завжди можна звернутись до тебе📎запитуй про відгук. часом клієнтам потрібен маленький кол ту екшн, щоб написати лонгрід про те, як же слейно з тобою працюватинавчись сприймати свою діяльність як повноцінний бізнес. пишайся ним та просувай його за кожної нагоди.і через 2-4 місяці в тебе можуть бути зовсім інші результати.🧡всім мопс
⏳у тебе поки були лише 3-4 проєкти, і здається, наче кожен — визначає твій подальший карʼєрний шлях. думка кожного клієнту здається єдиною правильною. бо ти наче маєш бути вдячним за те, що тобі принаймні попався цей проєкт. (???)твій клієнт — це питання. твій дизайн — це відповідь. 👉🏻і здається, наче є лише одна правильна відповідь. ти, на жаль, не завжди її вгадуєш, і потім — при перших же правках — почуваєшся поганим/поганою. проходить час, і ти дізнаєшся, наскільки різними бувають клієнти. ▫️один — взагалі не бачить різниці між Cormorant Garamond та Helvetica Neue, інший — розглядає кожну засічку під лупою. ▫️один — не уявляє свого сайту без анімації, інший — прямо тобі каже, що вважає анімації інфантильними.проходить час, і ти усвідомлюєш, твій клієнт — питання, твій дизайн — відповідь, 👉🏻але правильної відповіді не існує; це як відкритий фінал у книзі — може сподобатись, не сподобатись, приголомшити, обурити. головне для автора: вибудувати довірливий діалог зі своїм читачем та, якщо попросить, переписати фінал саме для нього.звісно, за гроші, бо правки — платні.#толковийпочаток{ зібрала цей пост буквально на основі переживань всіх, хто нещодавно почав, бо так хотілось, щоб ви глянули на ситуацію здалеку, а не впритул }цінуйте себе🧡всім мопс!
💻усім, хто перевіряє чати з клієнтами на вихідних, та не відокремлює робоче від особистого 100 розуміння, 0 осудження, але й 0 користі для нашого mental health в довгостроковій перспективі зараз розкажу, як з цим ладнаю:🖇️1 — робочий акаунт в тг/інст, особистий акаунт в тг/інст. золото, а не рішення. ви ж знали, що в мене є особистий інст, якому вже 12 років?😏🖇️2 — «прибраний» екран ноутбука. щоразу після робочого дня, я не просто згортаю фігму, а повністю виходжу з неї. щоразу після робочого дня я чищу екран від скрінів та файлів. 👉🏻тож коли я беру ноутбук на кухню, щоб поїсти та подивитись друзів, а дивлюсь друзів, а не фоново думаю про трошки відкриту фігму.🖇️3 — «правильне» гортання тіктоку.будемо відвертими, більшість все-таки щоденно виділяє час на тіктокще у 2022 році я налаштувала собі стрічку в тт так, щоб мені не траплявся контент про дизайн/фріланс. або траплявся по мінімуму.бо навіть корисні/круті дизайн-тутори в тіктоці — насправді створюють відчуття, ніби ти в роботі 24/7. 📲якщо я захочу контент по дизайн, я знайду :) він нікуди не подінеться, якщо я подивлюсь його в робочі години, а не перед сном. спробуйте впровадити ці 3 пункти в своє професійне життя. от просто спробуйте. стільки всього зміниться. навіть можуть покращитись результати роботи, бо фокус не гулятиме.🧡усім мопс
🧡воркшоп по гумовій верстці на webflowмаю розповісти вам про нього тут, бо багато питань та радісних повідомлень в особисті. знаю, що дехто чекав його з 2022👉1 — що таке гумова верстка? чим вона корисна? навіщо потрібна?це створення адаптивного дизайну, який повністю підлаштовується під екран, з якого його переглядають. замість фіксованих розмірів (px) використовуємо відносні одиниці (rem, vw, vh). тобто ваш сайт бере до уваги конкретний пристрій, з якого його переглядають.результат? ідеальні ui&ux, при яких користувач почувається так, ніби сайт зробили саме для нього. на продажі впливає позитивно.👉2 — тобто верстати в пікселях = погано?ні, це ок. я і сама періодично верстаю сайти суто в пікселях, коли це доречно. коли контент просто відцентрований.але доволі часто дизайн вимагає відчутного розтягування/стягування по мірі того, як збільшується/зменшується екран користувача, тому так важливо розібратись з умовними одиницями. щоб ви могли зверстати сайт будь-якого рівня та для будь-якого ринку. (нещодавній приклад: мої клієнти з Південної Америки дуже просили, щоб сайт ідеально розтягувався до UHD формату, 3840×2160px, бо вони збирались презентувати себе, як стартап, саме на таких пристроях. і там без гумової верстки взагалі б ніяк)👉3 — мабуть, гумова верстка — це дуже складно?це складно, коли не розумієш, чим відрізняються em, rem, vw, vh і тд. у воркшопі я пояснюю це на прикладах, а також дублюю в текстовому конспекті. потім — ми разом верстаємо сайт з нуля. і стає легко.це саме той формат, якого мені не вистачало в 2022, коли я намагалась розібратись з гумовою версткою. бо на ютубі багато відео, де окремо пояснюють щось по шматочкам, але нема одного великого уроку, де б пояснили&показали все в деталях від початку і до готового сайту.тож ми це зробили у воркшопі.тривалість: рівно 1 година змонтованого воркшопу без зайвих пауз.вартість: 1300 грн.сайт WINTER ARC, який верстаємо на воркшопі.кнопка на оплату воркшопу.доступ: одразу&назавжди.продажі: до 27 січня (включно).🧡