Огляд конструктора веб-сайтів Webflow

Webflow — це шанована платформа для дизайну веб-сайтів, яку використовує понад 3.5 мільйона клієнтів по всьому світу. Незалежно від того, чи ви досвідчений професіонал, чи тільки починаєте роботу, цей огляд Webflow дасть вам детальний огляд функцій і можливостей цієї платформи для створення веб-сайтів без використання коду.

Існують сотні розробників веб-сайтів. Кожен з них підходить для окремої аудиторії. Webflow твердо позиціонує себе як програмне забезпечення, яке вибирають професійні дизайнери, агентства та підприємства, які виходять на корпоративний рівень. 

Дійсно, він має вражаючий набір інструментів і функцій, якими приємно користуватися – поки ти знаєш, що робиш. 

Я не фахівець із веб-дизайну, тому давайте подивимося, як я керуюся платформою. Хтось може використовувати Webflow? Або краще залишити це експертам? Давай дізнаємось.

TL;DR: Webflow має чудовий набір інструментів і функцій для створення приголомшливих, швидко працюючих веб-сайтів. Однак він орієнтований на професіонала дизайну, а не на звичайну людину. Тому платформа потребує крутої кривої навчання і може бути надто важкою для деяких.

Reddit це чудове місце, щоб дізнатися більше про Webflow. Ось кілька публікацій на Reddit, які, я думаю, будуть вам цікаві. Перегляньте їх і приєднайтеся до обговорення!

За і проти

По-перше, давайте збалансуємо хороше з поганим за допомогою короткого огляду плюсів і мінусів Webflow:

Плани та ціни

Webflow пропонує п’ять планів для загального використання:

• Безкоштовний план: Використовуйте безкоштовно на обмеженій основі
• Базовий план: Від 14 дол. США на місяць, що виставляється щорічно
• План CMS: Від 23 дол. США на місяць, що виставляється щорічно
• Бізнес-план: Від 39 дол. США на місяць, що виставляється щорічно
• підприємство: Індивідуальна ціна

Webflow також має тарифні плани спеціально для електронної комерції:

• Стандартний план: Від $24.міс щорічно
• Плюс план: Від 74 дол. США на місяць, що виставляється щорічно
• Розширений план: 212 дол. США на місяць виставляється щорічно

Якщо вам потрібні додаткові місця користувача для вашого облікового запису Webflow, ці вартість від $16/міс і більше, залежно від ваших вимог. 

План	тип	Щомісячна вартість	Щомісячна вартість виставляється щорічно	Використовуваний для
Безкоштовна	Загальне використання	Безкоштовна	Безкоштовна	Обмежене використання
базовий	Загальне використання	$18	$14	Прості сайти
CMS	Загальне використання	$29	$23	Контентні сайти
Business	Загальне використання	$49	$39	Сайти з високим відвідуванням
підприємство	Загальне використання	Зроблений на замовлення	Зроблений на замовлення	Масштабовані сайти
стандарт	Електронна торгівля	$42	$29	Новий бізнес
плюс	Електронна торгівля	$84	$74	Високий об'єм
Advanced	Електронна торгівля	$235	$212	Масштабування
Ціни, наведені нижче, є доповненням до плати за обраний план
Starter	Внутрішні команди	Безкоштовна	Безкоштовна	Новачки
Core	Внутрішні команди	28 доларів за місце	19 доларів за місце	Маленькі команди
Зростання	Внутрішні команди	60 доларів за місце	49 доларів за місце	Зростаючі команди
Starter	Freelancers та агентства	Безкоштовна	Безкоштовна	Новачки
Freelancer	Freelancers та агентства	24 доларів за місце	16 доларів за місце	Маленькі команди
агентство	Freelancers та агентства	42 доларів за місце	36 доларів за місце	Зростаючі команди

Щоб отримати детальнішу інформацію про ціни Webflow, перегляньте мій детальна стаття тут.

Річна оплата економить 30% порівняно з оплатою щомісяця. Оскільки доступний безкоштовний план, безкоштовної пробної версії немає.

Важливо: Webflow робить НЕ надати відшкодування, і є немає гарантії повернення грошей після початкової оплати плану.

Особливості standout

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

Шаблони Webflow

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

Вартість шаблону коливається від 20 до понад 100 доларів США, і він доступний у багатьох бізнес-нішах.

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

Порожня сторінка може бути важкою відправною точкою, особливо якщо ви новачок, і a готовий шаблон важко зрозуміти, як це буде працювати з вашою естетикою.

Webflow знайшов золоту середину. Платформа має базові шаблони для портфоліо, бізнес-сайтів і сайтів електронної комерції. Структура є, але вона не наповнена зображеннями, кольорами чи чимось іншим, що відволікає увагу.

Це полегшує візуалізацію та створити свій веб-сайт не впадаючи в оману тим, що вже є.

Інструмент конструктора Webflow

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

Відразу, Мені надали контрольний список усіх кроків, які я мав виконати щоб підготувати мій веб-сайт до публікації. Я подумав, що це приємний штрих для тих, хто вперше знайомиться з цим програмним забезпеченням.

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

Засіб має звичайний інтерфейс перетягування де ви вибираєте потрібний елемент і перетягуєте його на веб-сторінку. Натискання на елемент відкриває меню редагування в правій частині екрана та меню навігації в лівій частині. 

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

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

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

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

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

Щоб отримати повний список функцій, відвідайте веб-сайт webflow.com.

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

Однак я вкажу на деякі з примітних особливостей тут:

• Інструмент автоматичного аудиту: Webflow може перевірити ваш веб-сайт у будь-який час. Він виділить можливості, за допомогою яких можна покращити зручність використання та продуктивність сторінки.
• Додайте тригери взаємодії: Інструмент дозволяє створювати тригери, які автоматично виконують дію, коли миша наводить на певну область. Наприклад, ви можете встановити спливаюче вікно.
• Динамічний вміст: Замість того, щоб вручну змінювати чи оновлювати елементи на кількох веб-сторінках, ви можете змінити їх на одній сторінці, і зміни застосовуватимуться всюди. Це корисно, якщо у вас є, наприклад, сотні публікацій у блозі, які потребують змін.
• Колекції CMS: Це розумний спосіб організації груп даних, щоб ви могли контролювати та редагувати динамічний вміст.
• Активи: Це ваша бібліотека зображень і медіафайлів, куди ви завантажуєте та зберігаєте все. Мені це подобається, тому що воно виглядає як інструмент активів Canva і дозволяє дуже легко прокручувати, щоб знайти те, що вам потрібно, залишаючись на сторінці редагування.
• Інструмент для спільного доступу: Ви можете поділитися доступним для перегляду посиланням на сайт, щоб отримати відгук, або запросити співавторів за допомогою посилання для редагування.
• Відеоуроки: Webflow знає, що це всеосяжний інструмент, і я повинен сказати, що його бібліотека навчальних посібників обширна, і її дуже легко використовувати. Крім того, до них можна отримати доступ безпосередньо в інструменті редагування, що надзвичайно зручно.

Анімації Webflow

Кому потрібні нудні, статичні веб-сайти, коли можна мати чудові, динамічні та анімовані веб-сторінки?

Webflow використовує CSS і Javascript, щоб дозволити дизайнерам створювати складні та плавні анімації, не потребуючи немає знань кодування б то не було.

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

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

Я люблю переглядати веб-сайти з динамічні рухи в них. Це чудовий спосіб привернути увагу людей або довше затримати їх на вашому сайті.

Вони також є чудовим інструментом для спонукання когось натиснути певний елемент або виконати бажану дію.

Електронна комерція Webflow

Webflow повністю налаштований для електронної комерції (і має тарифні плани), і ви, ймовірно, можете здогадатися, що ця функція настільки ж всеосяжний, як і його інструменти для веб-створення.

Фактично доступ до функції електронної комерції здійснюється через інтерфейс веб-редагування, і це дозволяє вам робити все те, що спеціальна програма для електронної комерції:

• Створіть магазин фізичних або цифрових товарів
• Масовий експорт або імпорт списків продуктів
• Створюйте нові продукти, встановлюйте ціни та редагуйте деталі
• Упорядкуйте продукти за певними категоріями
• Створюйте індивідуальні знижки та пропозиції
• Додайте спеціальні параметри доставки
• Відстежуйте всі замовлення
• Створення продуктів на основі підписки (наразі в бета-режимі)
• Створіть індивідуальний кошик і каси
• Налаштуйте транзакційні електронні листи

Для прийому платежів Webflow безпосередньо інтегрується з Stripe, Apple Pay, Google Платіть і PayPal.

Чесно кажучи, я знайшов цей список дещо обмеженим, особливо порівняно з іншими платформами для створення веб-сайтів. 

Хоча ти може використовуйте Zapier для зв’язку з іншими постачальниками платежів, це складніше і коштуватиме вам набагато більше, особливо якщо ви бачите великі обсяги продажів.

Членство в Webflow, курси та обмежений вміст

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

Членство в Webflow пропонує вам спосіб створити платну стіну для певного вмісту на своєму веб-сайті створіть членські портали та надавати вміст на основі підписки.

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

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

Безпека та хостинг Webflow

Webflow — це не просто інструмент для створення веб-сайтів. Він також має можливість hост вашого веб-сайту, а також забезпечує розширені функції безпеки. 

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

Хостинг Webflow

Що стосується хостингу, Webflow може похвалитися Продуктивність A-класу та час завантаження веб-сайтів 1.02 секунди.

Хостинг надається через його Мережа доставки контенту рівня 1 разом з Веб-сервіси Amazon і Fastly. Окрім високоякісної продуктивності, хостинг Webflow також надає вам:

• Спеціальні доменні імена (за винятком безкоштовного плану)
• Спеціальні переадресації 301
• Мета дані
• Безкоштовний сертифікат SSL
• Щоденне резервне копіювання та керування версіями
• Посторінковий захист паролем
• Мережа розповсюдження контенту (CDN)
• Спеціальні форми
• Пошук на сайті
• Візуальний дизайн і видавнича платформа
• нульова обслуговування

Безпека Webflow

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

Платформа відображає свою програму безпеки відповідно до ISO 27001 і критичні засоби контролю безпеки CIS та інші галузеві стандарти.

Ось усі функції безпеки, які ви можете очікувати від Webflow:

• Відповідає GDPR і CCPA
• Сертифікований постачальник послуг 1 рівня для Stripe 
• Повна безпека даних і перевірка персоналу в самому Webflow
• Двофакторна аутентифікація
• Можливості SSO з G Suite
• Єдиний вхід
• Рольові дозволи
• Хмарне зберігання даних клієнтів
• Повністю зашифрована передача даних

Інтеграції та API Webflow

Webflow має a пристойна кількість програм і прямі інтеграції які дають вам більший контроль і гнучкість. Якщо платформа не підтримує пряму інтеграцію, ви можете використовуйте Zapier для підключення до ваших улюблених інструментів і програм.

Ви можете знайти програми та інтеграції для:

• Маркетинг
• Автоматизація
• Аналітика
• Платіжні процесори
• членство
• Електронна торгівля
• Хостинг електронної пошти
• соціальні медіа
• Інструменти локалізації тощо

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

Служба підтримки клієнтів Webflow

Webflow — це гігантська платформа, тому ви очікуєте, що вона матиме гідний рівень обслуговування клієнтів для своїх передплатників. 

Однак тут Webflow підводить себе. Живої підтримки немає – навіть у найвищих цінових планах. Єдиний спосіб зв’язатися з представником служби підтримки – це надіслати електронну пошту і навіть тоді час відповіді поганий. 

Звіти в Інтернеті стверджують, що Webflow в середньому займає до 48 годин відповідати на запити клієнтів. Це не дуже добре, особливо якщо у вас є клієнтські терміни, яких потрібно дотримуватися.

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

Однак це не допоможе вам, якщо на сайті виникнуть збої або у вас виникне проблема. Будемо сподіватися, що найближчим часом Webflow представить кращі варіанти підтримки.

Приклади веб-сайтів Webflow

Отже, як насправді виглядають опубліковані сайти Webflow? З шаблону можна взяти дуже багато, тому перегляд прикладів веб-сайтів у реальному часі є чудовим способом відчути можливості Webflows.

Спочатку ми маємо https://south40snacks.webflow.io, приклад сайту для компанії, яка виробляє закуски на основі горіхів і насіння (зображення вище).

Це шикарний на вигляд сайт з деякими круті анімації, щоб привернути вашу увагу (і зробити вас голодними для перекусів!). Планування та дизайн чудові, і все працює безперебійно.

Далі - це https://illustrated.webflow.io/. По-перше, вам представлено a захоплююча анімація, але під час прокручування у вас є a чистий, красиво представлений макет це виглядає переконливо, але організовано.

Кожна сторінка завантажується швидко, а вбудовані відео працюють як мрія.

https://www.happylandfest.ca/ демонструє приклад веб-сайту для фестивалю та починається з відеокліпи, накладені на текст.

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

Щоб переглянути додаткові приклади сайтів Webflow. Перевірте їх тут.

Порівняйте конкурентів Webflow

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

1. Squarespace: Squarespace це популярний конструктор веб-сайтів, який пропонує широкий вибір шаблонів і варіантів дизайну для створення веб-сайту професійного вигляду. Хоча Squarespace простіше для початківців, Webflow пропонує більше можливостей налаштування та розширені функції для досвідчених дизайнерів.
2. Wix: Wix це зручний конструктор веб-сайтів з інтерфейсом перетягування для створення веб-сайтів. Хоча він зручніший для початківців, ніж Webflow, він має менше параметрів налаштування та може не підійти для більш складних веб-сайтів.
3. WordPress: WordPress це широко використовувана система керування вмістом (CMS), яка пропонує багато гнучкості та параметрів налаштування для веб-дизайнерів. Хоча він складніший за Webflow, він пропонує більше контролю над дизайном і функціональністю веб-сайту.
4. Shopify: Shopify це популярна платформа електронної комерції, яка дозволяє користувачам створювати онлайн-магазини. Хоча він не є прямим конкурентом Webflow, варто зазначити, що Webflow пропонує функції електронної комерції та може бути гарним вибором для малих підприємств, яким потрібен веб-сайт із дизайном і можливостями електронної комерції.

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

Питання і відповіді

Наш вердикт ⭐

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

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

Однак є кращі платформи для нових користувачів і люди, яким потрібен базовий нескладний веб-сайт. Наприклад, односторінкові бізнес-сайти, сайти з особистою біографією та пересічний блогер вважатимуть Webflow надто складним для власного блага й можуть віддати перевагу чомусь більш простому, як-от Wix, Site123 or Сумнів.

Останні покращення та оновлення

Webflow постійно вдосконалює свою CMS, додаючи нові функції та функції. Ось лише деякі з останніх покращень (востаннє перевірено у квітні 2024 року):

• Елемент блоку коду: нова функція для відображення фрагментів коду для певної мови на будь-якій сторінці.
• Масовий переклад полів для окремих елементів CMS: дозволяє перекладати весь елемент CMS у додаткову мову лише одним клацанням миші.
• Підтримка Markdown в елементах RTF: додає можливість використовувати розмітку для форматування в елементах форматованого тексту.
• Змінити порядок властивостей компонентів: дозволяє користувачам змінювати порядок властивостей компонентів відповідно до робочого процесу.
• Локалізація для всіх клієнтів: функції локалізації тепер доступні для всіх клієнтів із безкоштовним попереднім переглядом основних функцій.
• Контроль подій покажчика: це оновлення допомагає керувати елементами, що накладаються на веб-сайтах, встановлюючи значення для подій покажчика.
• Спеціальний елемент: тепер користувачі можуть додавати до елемента будь-який тег HTML або спеціальний атрибут, розкриваючи весь потенціал HTML.
• Розгалуження для тестування дизайну: надає окреме проміжне середовище для тестування проектів у філії, особливо корисне для корпоративних клієнтів.
• Покращення елементів форматованого тексту: було внесено вдосконалення, щоб зробити створення елементів із форматованим текстом більш гнучким і ефективним.
• Контроль Noindex для окремих сторінок: Це вдосконалення SEO дозволяє контролювати, які сторінки включаються в карти сайту та індексуються пошуковими системами.
• Клацніть правою кнопкою миші на панелі навігації: Покращує швидкість створення веб-сайту завдяки всім діям, які тепер доступні клацанням правою кнопкою миші в навігаторі.
• Новий вигляд і відчуття для Webflow: оновлений інтерфейс користувача пропонує більш цілеспрямований робочий простір і сучасний дизайн.
• 3D сплайн-сцени: користувачі можуть додавати та анімувати 3D-об’єкти на своїх сайтах за допомогою сплайнових сцен.
• Керування співвідношенням сторін: представлено керування співвідношенням сторін у Webflow Designer.
• Кодифікація системи проектування зі змінними: Змінні для зберігання таких значень, як кольори, розміри та типографіка, покращують узгодженість дизайну та масштабованість.
• Покращення зручності використання компонентів: Покращена зручність використання залежно від того, керуєте основним компонентом чи створюєте за допомогою екземпляра компонента.
• Нові API для компонентів, змінних і локалізації: ці API допомагають розробникам створювати потужні програми Webflow.
• Передача планів місцевості: тепер адміністратори робочої області можуть передавати плани сайтів між сайтами, що спрощує керування.
• Нові ролі редагування вмісту та коментування: покращує командну роботу завдяки новим ролям у дизайнері для редагування вмісту та співпраці.
• Управління користувацькими доменами: стало простіше підключати власні домени до сайтів у Webflow.
• Програми Webflow: представляє наступне покоління програм Webflow, які глибше інтегруються з основними бізнес-інструментами.
• Оновлення платформи розробника: на платформу розробників було внесено значні оновлення, щоб створити більше можливостей для створення продуктів.
• Покращені робочі процеси публікації: розширені робочі процеси розміщення та публікації, особливо для корпоративних клієнтів, пропонують кращий контроль над змінами веб-сайту.
• Архівуйте робочу область: тепер власники робочої області можуть видалити робочу область з інформаційної панелі, не звертаючись до служби підтримки клієнтів.
• Комбінації клавіш для керування класом: нові ярлики для копіювання або видалення останнього класу в елементі.
• Обтікання текстом і розбиття слів: контроль над тим, де текст розбивається на новий рядок.
• Покращена підтримка плагінів Figma: Розширена підтримка автоматичного макета та швидкості реагування у Figma, яку легко імпортувати у Webflow.
• Відстежуйте зміни вмісту в журналі активності сайту: Видимість на CMS і зміни статичного вмісту сторінки в журналі активності сайту.
• Спрощені дозволи на публікацію: Детальний контроль над дозволами на публікацію для кожного учасника Workspace.
• Централізований зворотний зв’язок із коментуванням у дизайнері: діліться, переглядайте та вирішуйте відгуки безпосередньо в дизайнері.
• Елемент швидкого стека: новий елемент, який прискорює процес створення за допомогою елементів керування на полотні та попередніх налаштувань макета.

Перегляд Webflow: наша методологія

Коли ми розглядаємо конструктори веб-сайтів, ми звертаємо увагу на кілька ключових аспектів. Ми оцінюємо інтуїтивність інструменту, його функціональність, швидкість створення сайту та інші фактори. Першочерговим моментом є простота використання для тих, хто тільки починає налаштовувати веб-сайт. У нашому тестуванні наша оцінка базується на таких критеріях:

1. настройка: Чи дозволяє конструктор змінювати дизайн шаблону чи включати власне кодування?
2. Зручність користування: Чи прості у використанні навігація та інструменти, наприклад редактор перетягування?
3. Співвідношення ціни та якості: Чи є можливість отримати безкоштовний план або пробну версію? Чи пропонують платні плани функції, які виправдовують вартість?
4. Безпека: Як конструктор захищає ваш веб-сайт і дані про вас і ваших клієнтів?
5. шаблони: чи є шаблони високої якості, сучасними та різноманітними?
6. Підтримайте: Чи доступна допомога через взаємодію з людьми, через чат-боти штучного інтелекту чи інформаційні ресурси?

Дізнайтеся більше про нашу переглянути методологію тут.

Додати відгук

Список використаної літератури:

• Повний список функцій – https://webflow.com/features
• Youtube канал – https://www.youtube.com/c/webflow
• Вікіпедія - https://en.wikipedia.org/wiki/Webflow
• Reddit - https://www.reddit.com/r/webflow/