Webflow: твій перший сайт на конструкторі

привіт, я - Настя.
сьогодні розповім тобі детальніше про роботу в конструкторі Webflow.
так, випереджаючи питання, кажу, що це безкоштовний урок-знайомство, а повноцінний курс по конструкторам стартуватиме незабаром.
для того, аби не пропустити актуальні новини, підписуйся на соцмережі:
- instagram:
mazurovska.a?ig...
- tik-tok:
/ tolkovo.prod
🖇 посилання на сайт з моїм курсом про веб-дизайн з нуля: www.tolkovoprod.com/designation
всім мопс 🧡

[@lina_litl]

нарешті знайшла контент про Webflow українською . дякую за відео і такий корисний контент ❤

[@andriy-kos]

Також шукав таке)

[@musicforthesoul1619]

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

[@tolkovodsgn]

Дякую за коментар!

[@elenpay9626]

Дякую за якісний контент українською для дизайнерів!

[@tolkovodsgn]

і я вам дякую за коментар🥹

[@karinank]

все зрозуміло, лаконічно та без води! величезне тобі подяка за цей урок♥️🤝🏻 мрію, щоб в 2023 на цьому каналі було багато таких корисних відео, тому відправляю сигнали у всесвіт😂

[@tolkovodsgn]

вау, дякую за такий розгорнутий фідбек🧡 контент-план на лютий уже готую🤌🏻

[@katiacherednichenko]

Ви крута❤☺

[@tolkovodsgn]

Дякууую!

[@user-lp5wv5en4u]

Класс. Урок супер. Спочатку натрапив на якогось чувака, на кучу годинних відео, і тааааакаааа фігня, поматав усі відео, відстій. А тут просто шик. 50 хвилин, і вже стільки навчився, клааас. Величезне вам дякую)

[@tolkovodsgn]

дякую! мені дуже приємно! попереду у вас ще багато цікавого з цією потужною платформою🔥🔥

[@Natalie.Design]

ставлю на паузу - лайк і подяка за україномовний, корисний контент👍🇺🇦❤

[@tolkovodsgn]

дякую за підтримку🧡

[@Vikyxaful]

Дуже круто, що натрапила на ваше відео, зараз готую курсовий проєкт на UX/UI, та мені конче необхідно навчитися користуватися Webflow😅 У вас дуже крута вимова, ставлю на паузу, буду повторювати за вами😍 Дякую♥♥♥

[@DashaPavluchenko]

Як же детально, чітко та приємно все пояснюєш! Дуже дякую!👏Бажаю тобі розвитку в усіх твої задумах!

[@tolkovodsgn]

дякую за такий чудовий фідбек🧡

[@minashigo6928]

дякую, красуне, за цікавий урок 🙂

[@mariiakuzmina9880]

дякую за такий детальний урок, все зрозуміло і без зайвих деталей!

[@tolkovodsgn]

дякую за фідбек🫂🧡

[@kristinakris9811]

Неймовірно приємно дивитись, продовжуйте, будь ласка, знімати далі😊 дуже вдячна вам!

[@tolkovodsgn]

дякую за коментар, це надихає!🥹 зніматиму🧡

[@andriipereverziev6287]

Вітаю! Дякую за повчальний урок!

[@tolkovodsgn]

Дякую за коментар👐🏻

[@anastasiiakhrapal2074]

Нереально допомогло твоє відео, продовжуй ❤

[@tolkovodsgn]

ідеально, дякую!🫶🏻

[@vasylyna7663]

Дякую, вже не можу дочекатися завершення робочого дня щоб подивитися ваше відео і бути на крок ближче до професії своєї мрії ✨🪐

[@tolkovodsgn]

уже кортить подивитися, що у вас вийде😍 впевнена, щось дуже класне. і нехай ця мрія здійсниться! дякую, що дивитесь🫶🏻

[@Belka1406]

Дякую за таке круте відео❤

[@tolkovodsgn]

дякую за коментар🥹🫶🏻

[@alexandrasavchenko2748]

Настя, ти просто rock girl!🤩

[@tolkovodsgn]

оце так комплімент! дякую🧡🧡🧡

[@oasis_growbox]

Дуже дякую!)

[@tolkovodsgn]

і я вам дякую за коментар🙌🏻

[@user-jc3zs2ug9z]

це щастя знайти таке класне відео українською😍 ви класна, цікава і вас дуже приємно слухати!! дякую!

[@tolkovodsgn]

[пропустила ваш коментар раніше, на жаль.🥺] дуууже дякую за підтримку🧡🧡🧡

[@user-sf2lb3qe8k]

Дуже якісний контент. Постарайтесь робити більше такого, якщо буде вільний час звісно.

[@olgaperesunko1301]

Цікаво і дуже детально. Чекаю на далі. Лайк та підписка. 🎉

[@tolkovodsgn]

дякую🧡🧡🧡

[@user-ol5de4cs9z]

дякую велике

[@tolkovodsgn]

і я вам дякую за коментар🧡

[@ana.guidefromukraine]

цікаво, дякую за відео

[@tolkovodsgn]

дякую🧡

[@user-dm7dy8ey2i]

Привіт, дуже рада що натрапила на ваші круті уроки! Ви молодчинка! Я тільки починаю свій шлях в дизайні і хочу розібратися і в розробці. Якщо і не буду сама верстати, то я думаю мені це буде корисно. У мене лише питання, в Webflow, для того щоб навчитися я можу не обмежену кількість створювати чернеток безкоштовно. Чи є якісь обмеження?

[@ShineLine3]

Корисно. Дякую.

[@tolkovodsgn]

🧡🧡🧡

[@user-bk4gu5zt9s]

Дуже Файно

[@tolkovodsgn]

Дякую 🙌🏻

[@kartamisheva]

Підкажи будь ласка, якщо знаешь, чи можна створити на Webflow тему для Shopify? Тобто створити, зберегти всі файли в ZIP та завантажити на Shopify? 😊

[@Artem992]

47:00 замість гріда, можна просто flex horizontal + space between

[@drdocz]

Щось мені здається краще використовувати конструктори вордпрес, джумли тощо, щоб сайт можна було завантажувати на будь який хост. Але це мої здогадки

[@aterinakortsygina1263]

Привіт, дуже дякую вам за таке якісне відео! У мене маленьке питання) Наприклад, я не хочу сама створювати дизайн, а тільки реалізувати його у вебфлоу, чи є взагалі у такому сенс? Чи ринок праці одразу вагомо зменшиться?

[@tolkovodsgn]

привіт!🫶🏻 по-перше, дякую за класну оцінку того, що ми з командою створили! а, по-друге, я вважаю, що на кожне позиціонування клієнти знайдуться, якщо їх старанно та системно залучати. для себе ж вибрала такий варіант: роблю і дизайн+верстку; і дизайн для крупних проєктів, де багато дизайнерів тає програмісти; і суто верстку чужих дизайнів на вебфлоу, бо обожнюю верстати, якщо чесно. 2 і 3 варіанти - найчастіші в моїй практиці, оскільки це прям надихає. а ви, як і кожен спеціаліст, на мою думку, можете визначитись зі своїм спектром послуг і заявити про нього так, аби ті самі клієнти, які мріють про співпрацю з такою людиною, як ви, дізнались про вас.🥹

[@denis.ter111]

Привіт, дякую за таке детальне відео) Також вирішив перейти на Webflow, та одразу виникло питання з пошуку клієнтів. Можливо ти можеш підказати де шукати? )

[@tolkovodsgn]

радію, що відео сподобалось🧡 багато розповідаю про роботу з клієнтами в інсті @mazurovska.a, а взагалі найкращі варіанти - сарафанка, яка працює на вас, та розвивнений особистий бренд - такий, щоб клієнти шукали вас, а не ви клієнтів👌🏻

[@ukropnews2402]

Дуже хочеться навчитися, як новачку в дизайні задається то просто мрія не залежити від вестальника

[@rayaperina493]

Доброго дня) скажіть будь ласка, чи пробували ви плагін, який автоматично переносить дизайн з фігми на вебфлоу? Якщо так, то чи вартий він уваги?

[@tolkovodsgn]

і пробувала, і урок на курс знімала по ньому. вартий для тих, хто любить автоматизувати, але мені наразі приємніше створити дизайн-макет у фігмі класичним чином і потім зверстати його вручну на вебфлоу так, як я люблю.🧡👌🏻

[@howtoimprovelife3538]

Підкажіть, будь ласка, що робити якщо відсутній елемент колонки. Можливо його можна чимось замінити?

[@tarasbudilin949]

Створив контейнер, але його не видно після публікації. І ще - чому контейнер змінюється на контейнер 1 чи контейнер 2?

[@Oleksandr_Nitsenko]

Привіт, Настя! Дякую за цікавий контент! Порадь, будь ласка, який варто обирати тариф дизайнеру на платформі Вебфлоу для для комерційної розробки веб-сайтів для клієнтів?

[@tolkovodsgn]

привіт! дякую за коментар!🧡 залежить від ситуації; доволі часто я особисто працюю на акаунті клієнта, бо є передплата та/або договір, тому одразу раджу клієнту оплачувати тариф basic [коли бачу, що це закриє потреби його бізнеса]. коли знаю, що будуть задіяні cms items, пропоную клієнту дорожчі тарифи, тобто cms, business і тд

[@Oleksandr_Nitsenko]

​@@tolkovodsgn А якщо дизайнеру який розробляє сайти на Вебфлоу потрібно створити портфоліо, то тарифу Basic теж буде достатньо? P.s. Чудово, що ти ведеш канал українською мовою!

[@tolkovodsgn]

@@Oleksandr_Nitsenko дуже раджу вичитати всі тарифи в розділі прайсінг на сайті вебфлоу, бо багаточисленні кейси ДЛЯ портфоліо або сайт-портфоліо все ж різні речі, і треба спочатку для себе розуміти, що плануєте, а далі вже спиратися на особливості тарифів. наприклад, безкоштовний тариф дозволяє створити тільки 1 сайт з 1 сторінкою та без власного фенсі-домену🙌 принаймні наразі

[@user-yx4gd1zx5v]

привіт) дуже класне відео) скажи, а можна десь подивитись твої роботи? не можу знайти посилання(

[@tolkovodsgn]

дякую🧡 в актуальному «кейси» є частина моїх робіт, але більшість проєктів я не маю часу викладати, та/або вони під NDA ps. знаю, що вже відповіла вам у телеграмі, це відповідь, скоріше, для всіх, щоб була тут🫶🏻

[@user-yx4gd1zx5v]

@@tolkovodsgn дякую))

[@sofia.knyzhnykova]

Цей урок просто прекрасний, дуже тобі дякую. Скажи, будь ласка, ти не знаєш чому при редагуванні сайт є, а при передперегляді пустий екран? 😭 це якось із тарифами пов‘язано? Не розумію, що я роблю не так 😢

[@tolkovodsgn]

Дякую🧡 з тарифам точно не має бути пов’язаним, бо я робила пробні сайти свої ще в березні 2022 без оплати тарифу спочатку, і все відображалось ок. вебфлоу же дозволяє мати 1 сайт з 1 сторінкою безкоштовно. тому причину треба шукати в іншому🥺

[@sofia.knyzhnykova]

@@tolkovodsgn намагаюся зробити горизонтальний скролл і він його не показує 😭😭😭 але в мене і дві сторінки на сайті, може в цьому причина... Дуже дякую за швидку відповідь ❣️

[@user-bz4qo3fi6j]

Доброго дня. Підкажіть, а можна до цього сайту підключати Фейсбук піксель?

[@tolkovodsgn]

так, є опція такої інтеграції👌🏻

[@user-oq7ns9pp9z]

Вітвю! В мене виникла проблема, ніяк не можу вставити/написати свій текст, може хто зіткався з цією проблемою? Допоможіть будь ласка

[@tolkovodsgn]

ви його вставляєте у дів блок, і текст просто зникає? на панелі шарів зліва він хоч десь відображається? можливо, ви поставили для нього position: absolute чи мінусові відступи

[@DjackVorobeyUA]

Чи можна потім взяти html код цієї сторінки?

[@tolkovodsgn]

у моїй роботі такої потреби не виникало🙌🏻

[@ker9986]

Подскажите пожалуйста чем отличается веб флоу от редимаг ?

[@tolkovodsgn]

детально є в актуальних сторіз в інстаграмі, а взагалі у редімаг, наприклад, ви можете, як і у фігмі, вільно пересувати елементи затиснутим курсором, а у вебфлоу все працює за принципом контейнерів, блоків, які ви організовується у просторі за допомогою батьківських елементів на панелі налаштувань справа🙌🏻 вебфлоу більш надійний, бо значно рідше лагає. і, незважаючи на упередження, на вебфлоу можна зробити практично будь-що, якщо дійсно знати, як правильно користуватися платформою🧡

[@ya_Dobro]

Чому в мене на перегляді сайту немає того контейнеру? Хтось знає, підскажіть будь ласка

[@tolkovodsgn]

багато причин може бути, але передусім треба запевнитися, що ви дійсно помістили його в section та наповнили чайлд елементами або задали конкретні параметри висоти та ширини🙌🏻

[@MrMariaFant]

А як ви потім відправляйте цей сайт клієнта на хостинг?? Чи потім цим займаєтся програміст? Тобто ви с вебфлоу передаєте клієнтові сайт а він потім шукає того хто би міг цей сайт відправити на хостинг? 😢❤🙏

[@tolkovodsgn]

я відповідаю за процес розробки сайту комплексно, тому сама купую для клієнта домен та під’єдную його до сайту на етапі технічних налаштувань🫶🏻 цього достатньо, щоб запустити сайт по бажаному посиланню. про окремий хостинг не йдеться, коли сайт збирає дизайнер для платформі, яка бере на себе відповідальність за певні подібні процеси.

[@MrMariaFant]

@@tolkovodsgn Як я зрозуміла то верстальщика або програміста шукати не потрібно 🙏чи могла би ти будь ласко якось зняти відео на цю тему ?❤️

[@MrMariaFant]

@@tolkovodsgn я думаю що це вже в минулому коли дизайнер відавав сайт програмісту або верстальщику. А зараз це робить webflow правильно? ❤️

[@tolkovodsgn]

@@MrMariaFant насправді верстальники і програмісти - невід’ємна частина великих проєктів, де може бути 3-5 дизайнерів, які займаються суто дизайном, я іноді в таких проєктах теж беру участь, але переважно - дійсно - збираю свої дизайни на вебфлоу, бо він це класно дозволяє робити і без знань коду🫶🏻

[@tolkovodsgn]

@@MrMariaFant може, колись і зніму, але тут і короткої відповіді може вистачити: дизайнер, який бере на себе повний цикл розробки сайту, дизайнить його у фігмі та втілює свій дизайн у життя на вебфлоу/шопіфай/редімаг (з усіма технічними налаштуваннями). якщо дизайнер хоче виконувати роль тільки дизайнера, він шукає проєкти, де є верстальники, люди, які займаються кодом ось так👌🏻

[@DariaNebeska]

Може я це пропустила, чи хтось таке питання ставив: як налаштувати «клікабельність»?

[@tolkovodsgn]

я так розумію, ви не про кнопки, а про будь-які інші елементи?🫶🏻

[@DariaNebeska]

Боги, я й не сподівалася, що ви читаєте. В мене є одна статична сторінка, на якій кнопки nav bar працюють коректно, перенаправляючи на потрібні розділи. І є 3 CMS Collection Pages. Так от, як коректно налаштувати перехід з статичної сторінки на динамічні?

[@tolkovodsgn]

@@DariaNebeska у деяких випадках допомагає, якщо ви переопублікуєте весь сайт, і скопіюєте потрібні посилання на потрібні динамічні сторінки та потім вставите їх в ті конкретні кнопки, де вони мають виконувати свою функцію🫶🏻 взагалі я спочатку думала, що у вас питання не про динамічні елементи, бо я це в базовому уроці на ютуб не охоплюю, але якщо з динамічними, це треба окремо від урока розглядати. порада зверху - як одна з опцій

[@DariaNebeska]

@@tolkovodsgn я дуже вам вдячна! Не зважаючи на те, що ви цієї теми у відео не торкалися. Гарного вам вечора)

[@user-jh1rm5us1p]

Ничего не понял!

[@tolkovodsgn]

у такому випадку завжди можна подивитися уроки від webflow university🙌🏻 хоча якщо не повторювати практично за мною чи за ними те, що ми робимо, то нічого і не зрозуміється, на жаль

[@user-jh1rm5us1p]

@@tolkovodsgn Я прошу прощение, если вас чем-то обидел. Поверьте, я этого не хотел. Немного был на эмоциях, ткт мне приходится переучиваться с Фигмы на Флоу. И просто голова не варит, как понять эту логику в Флоу.

[@SergiyHavriluk]

Посилання на адаптацію українською оригінальних курсів з Webflow University kzbin.info/www/bejne/r4PVmK2bqsqlp9E Зробили багатсько работи.@@tolkovodsgn

[@alexandrer054]

@@user-jh1rm5us1p ну как там, освоил вебфлоу?

[@yadreyy]

Можно на русском впредь видосы снимать ,а то ничего не понятно

[@tolkovodsgn]

Ні, не можна

[@limeya4099]

Класс!👍Пожалуйста продолжайте!Очень понятно обьясняете)Сейчас появился плагин для переноса с фигмы на вебфлоу.(Казахстан)

[@tolkovodsgn]

Спасибо! Да, плагин обрадовал, уже добавляю его в программу нашего расширенного продукта и в ближайшее время сделаю сторителл на эту тему в сториз🧡