Webflowウェブサイトビルダーレビュー

Webflow は、多くの人が使用する尊敬される Web サイト デザイン プラットフォームです。 世界中で 3.5 万人の顧客。 あなたがベテランのプロであろうと、始めたばかりであろうと、この Webflow レビューでは、このコード不要の Web サイト構築プラットフォームの機能と機能を詳しく見ることができます.

そこには何百ものウェブサイトビルダーがあります。 それぞれが異なる聴衆に適しています。 Webflow は、エンタープライズ レベルに到達するプロのデザイナー、エージェンシー、および企業にとって最適なソフトウェアとしての地位を確立しています。 

確かに、それは使用する喜びであるツールと機能の印象的な配列を持っています - あなたが何をしているのかを知っている限り。 

私は Web デザインの専門家ではないので、プラットフォームをどのように扱うか見てみましょう。 Webflow は誰でも使用できますか? それとも専門家に任せるのが一番？ 確認してみましょう。

TL;DR: Webflow には、魅力的で高速な Web サイトを作成するための素晴らしいツールと機能があります。 ただし、それは平均的な人ではなく、デザインの専門家を対象としています。 したがって、このプラットフォームは急な学習曲線を必要とし、一部の人にとっては圧倒される可能性があります.

Reddit Webflow について詳しく学ぶには最適な場所です。 ここでは、興味深いと思われる Reddit の投稿をいくつか紹介します。 チェックしてディスカッションに参加してください。

長所と短所

まず、Webflow の長所と短所を簡単に概観して、長所と短所のバランスを取りましょう。

計画と価格

Webflow には、一般的に使用できる XNUMX つのプランがあります。

• 無料プラン： 限定的に無料で使用する
• 基本計画： 年間請求額 $14/月から
• CMS プラン: 年間請求額 $23/月から
• 事業計画： 年間請求額 $39/月から
• エンタープライズ： 別注価格

Webflow には、E コマース専用の料金プランもあります。

• 標準プラン： 年間請求 $24.mo から
• プラスプラン： 年間請求額 $74/月から
• アドバンスプラン： $212/月、毎年請求

Webflow アカウントに追加のユーザー シートが必要な場合は、これらの 16ドル/月以上の費用、 要件に応じて。 

計画	タイプ	月額費用	毎年請求される月額費用	に使用
無料版	一般的使用	無料版	無料版	限定使用
Basic	一般的使用	$18	$14	シンプルなサイト
と組み合わせた、シンプルで高性能なLC / MSシステム	一般的使用	$29	$23	コンテンツ サイト
ビジネス	一般的使用	$49	$39	トラフィックの多いサイト
Enterprise	一般的使用	オーダーメイドの	オーダーメイドの	スケーラブルなサイト
スタンダード	E-コマース	$42	$29	新しいビジネス
プラス	E-コマース	$84	$74	大音量
高機能	E-コマース	$235	$212	スケーリング
以下の価格は、選択したプラン料金に追加されます
スターター	社内チーム	無料版	無料版	初心者
基本	社内チーム	28席あたりXNUMXドル	19席あたりXNUMXドル	小さなチーム
成長性	社内チーム	60席あたりXNUMXドル	49席あたりXNUMXドル	成長するチーム
スターター	Freelancerと代理店	無料版	無料版	初心者
Freelancer	Freelancerと代理店	24席あたりXNUMXドル	16席あたりXNUMXドル	小さなチーム
代理店	Freelancerと代理店	42席あたりXNUMXドル	36席あたりXNUMXドル	成長するチーム

Webflow の価格の詳細な内訳については、私の 詳しい記事はこちら.

年払いで 30% 節約 月払いと比べて. 無料プランが利用可能なため、無料トライアルはありません。

重要： ウェブフローは 払い戻しを提供し、 返金保証なし 最初にプランの料金を支払った後。

際立った機能

それでは、プラットフォームにそのお金のために良い走りをさせて、行き詰まりましょう Webflowの機能 とその機能を確認し、 すべての誇大広告の価値があります。

Webflow テンプレート

すべてはテンプレートから始まります。 Webflowには、事前に作成された無料のテンプレートが豊富に用意されています すべての画像処理、テキスト、および色が用意されています。 デザインをレベルアップしたい場合は、 有料のテンプレートを選択します。

テンプレートのコストは約 20 ドルから 100 ドル以上の範囲で、さまざまなビジネス ニッチで利用できます。

でもここが一番好き。 ほとんどすべての Web サイト ビルダーには、妥協点はありません。 すべて歌って、すべて踊る事前構築済みのテンプレートまたは空白のページから始めます。 

特に初心者の場合、空白のページは難しい出発点になる可能性があります。 事前作成済みのテンプレート それがあなたの美学とどのように機能するかを理解するのが難しくなる可能性があります。

Webflow は妥協点を見つけました。 このプラットフォームには、ポートフォリオ、ビジネス、および E コマース サイト用の基本的なテンプレートがあります。 構造はそこにありますが、画像、色、またはその他の気を散らすもので満たされていません.

これにより、視覚化が容易になり、 あなたのウェブサイトを作成する すでにあるものに惑わされることなく。

Webflow デザイナー ツール

さて、私のお気に入りは、編集ツールです。 ここでは、事前に作成されたテンプレートを使用して、エディターで起動することにしました。

すぐに、 完了するために必要なすべての手順のチェックリストが表示されました ウェブサイトを公開できるようにします。 これは、このソフトウェアを初めて使用する人にとってはいい感じだと思いました。

次に編集ツールにハマった瞬間でした 提供されている膨大な量のオプションに圧倒されました。

ツールには通常の ドラッグアンドドロップインターフェイス 必要な要素を選択し、Web ページにドラッグします。 要素をクリックすると、画面の右側に編集メニューが開き、左側にナビゲーション メニューが開きます。 

ここからが超詳細です。 スクリーンショットでは、編集メニューの一部しか表示されていません。 実際に下にスクロールすると、 クレイジー 編集オプションの数。

各 Web ページ要素にはこのタイプのメニューがあり、それだけにとどまりません。 各メニューにも 上部にある XNUMX つのタブ さらに編集ツールが表示されます。

さて、誤解しないでください。 これはマイナスポイントではありません。 Web 構築ソフトウェアやプロの Web デザイナーに慣れている人は、 完全な創造の自由を可能にするため、彼らが持っているコントロールの量。

一方、これが 初心者には良い選択ではない 何をしなければならないか、どのようにそれを行うかがすぐにはわからないからです。

このプラットフォームで利用可能な各編集ツールの詳細には触れません。XNUMX 週間ずっとここにいるからです。

機能の完全なリストについては、今すぐ webflow.com Web サイトにアクセスしてください。

言うだけで十分です、 それは高度であり、最も詳細志向のデザイナーでさえも満足させるために必要なすべてを備えています. 

ただし、ここで注目すべき機能のいくつかを指摘します。

• 自動監査ツール: Webflow はいつでも Web サイトを監査できます。 ページの使いやすさとパフォーマンスを改善できる機会が強調されます。
• インタラクション トリガーを追加します。 このツールを使用すると、マウスが特定の領域に置かれたときに自動的にアクションを実行するトリガーを作成できます。 たとえば、ポップアップを表示するように設定できます。
• 動的コンテンツ: 複数の Web ページの要素を手動で変更または更新するのではなく、XNUMX つのページでそれらを変更でき、その変更はすべての場所に適用されます。 これは、たとえば、変更が必要なブログ投稿が何百もある場合に便利です。
• CMS コレクション: これは、動的コンテンツを制御および編集できるように、データのグループを整理する賢い方法です。
• 資産： これは、すべてをアップロードして保存する画像およびメディア ライブラリです。 Canva のアセット ツールのように見え、編集ページに留まりながらスクロールして必要なものを見つけるのが非常に簡単になるため、これが気に入っています。
• 共有ツール: サイトへの表示可能なリンクを共有してフィードバックを得るか、編集リンクで共同編集者を招待できます。
• ビデオチュートリアル： Webflow は、それが包括的なツールであることを認識しており、そのチュートリアルのライブラリは広範で、非常に簡単に理解できると言わざるを得ません。 さらに、編集ツール内で直接アクセスできるため、非常に便利です。

Webflow アニメーション

退屈で静的なウェブサイトが欲しい人 ゴージャスでダイナミックでアニメーション化された Web ページですか?

Webflow は CSS と Javascript を使用して、デザイナーが必要なく複雑でスムーズに実行されるアニメーションを作成できるようにします。 コーディングの知識がない 全く。

この機能は、私自身の Web 構築能力を超えていましたが、Web デザインに精通した誰かが 運動会をする それができるすべてで。

たとえば、 Webflowを使用すると、作成できます パララックス、リビール、進行状況バーなどのスクロール アニメーション。 アニメーションは、ページ全体または単一の要素に適用できます。

私はウェブサイトを見るのが大好きです それらのダイナミックな動き。 人々の注目を集めたり、サイトに長く滞在させたりするのに最適な方法です。

また、特定の要素をクリックしたり、目的のアクションを実行するように促すための優れたツールでもあります。

ウェブフロー電子商取引

Webflow は E コマース用に完全にセットアップされており (それに伴う料金プランも用意されています)、おそらくこの機能は Web 構築ツールと同じくらい包括的です。

実際、電子商取引機能は Web 編集インターフェースからアクセスでき、次のことができます。 専用の電子商取引アプリケーションが行うすべてのことを行います:

• 物理的またはデジタル製品のストアを設定する
• 商品リストを一括でエクスポートまたはインポートする
• 新しい商品の作成、価格の設定、詳細の編集
• 製品を特定のカテゴリに分類する
• カスタマイズされた割引とオファーを作成する
• カスタム配信オプションを追加する
• すべての注文を追跡
• サブスクリプション ベースの製品を作成する (現在ベータ モード)
• カスタマイズされたカートとチェックアウトを作成する
• 取引メールをカスタマイズする

支払いを受けるために、Webflowは直接統合します ストライプ、アップルペイ、 Google 支払い、およびPayPal。

正直なところ、特に他の Web 構築プラットフォームと比較すると、このリストは多少限定的であることがわかりました。 

あなたが できる Zapier を使用して他の決済プロバイダーに接続します。これはより複雑であり、特に販売量が多い場合はさらに多くの費用がかかります。

Webflow メンバーシップ、コース、制限付きコンテンツ

販売コースは いま暑い、 そのため、Web ビルダーはこの傾向に追いつくために必死になっています。 彼らは今持っているので、Webflowはキャッチしたようです メンバーシップ機能 現在ベータ版です。

Webflow メンバーシップは、次の方法を提供します。 特定のコンテンツのペイウォールを作成する あなたのウェブサイトで、作成します メンバーシップ ポータルを提供し、サブスクリプション ベースのコンテンツを提供します。

私が理解している限り、制限されたコンテンツ用に Web サイトにページを作成し、メンバー専用のアクセス ページでそれらを「ロック」します。 ここでできること すべてをブランド化し、 カスタム フォームを作成し、パーソナライズされたトランザクション メールを送信します。

この機能はベータ版であるため、時間の経過とともに確実に拡張および改善されます。 これは、進行するにつれて注目すべきことです。

Webflow セキュリティとホスティング

Webflow は単なる Web サイト構築ツールではありません。 また、h する機能も備えています。ウェブサイトを公開し、高度なセキュリティ機能も提供します。 

これにより、プラットフォームは ワンストップショップと サードパーティのプラットフォームからホスティングとセキュリティを購入する必要がなくなります。 私は利便性のファンなので、これは非常に魅力的です。

Webflowホスティング

ホスティングに関しては、Webflow は Web サイトの A グレードのパフォーマンスと 1.02 秒の読み込み時間。

ホスティングは、その経由で提供されます Tier 1 コンテンツ配信ネットワーク と一緒に アマゾン ウェブ サービスと Fastly。 最高のパフォーマンスだけでなく、Webflow のホスティングは次のことも提供します。

• カスタム ドメイン名 (無料プランを除く)
• カスタム 301 リダイレクト
• メタデータ
• 無料のSSL証明書
• 毎日のバックアップとバージョン管理
• ページごとのパスワード保護
• コンテンツ配信ネットワーク (CDN)
• カスタムフォーム
• サイト検索
• ビジュアルデザインとパブリッシングプラットフォーム
• ゼロメンテナンス

Webflow セキュリティ

Webflow は間違いなくセキュリティを真剣に考えているため、 ウェブサイトとすべてのデータは安全に保たれます すべての段階で。

プラットフォームは、セキュリティ プログラムを次のようにマッピングします。 ISO 27001 および CIS の重要なセキュリティ管理 およびその他の業界標準。

Webflow で期待できるすべてのセキュリティ機能は次のとおりです。

• GDPR および CCPA に準拠
• Stripe の認定レベル 1 サービス プロバイダー 
• Webflow自体での完全なデータセキュリティとスタッフのスクリーニング
• 二要素認証
• G Suite での SSO 機能
• シングル・サインオン
• 役割ベースのアクセス許可
• クラウドベースの顧客データ ストレージ
• 完全に暗号化されたデータ転送

Webflow の統合と API

Webflowには まともな数のアプリと直接統合 これにより、より優れた制御と柔軟性が得られます。 プラットフォームが直接統合をサポートしていない場合は、次のことができます。 Zapier を使用して、お気に入りのツールやソフトウェア アプリケーションに接続します。

次のアプリと統合を見つけることができます。

• マーケティング
• オートメーション
• アナリティクス
• 支払処理業者
• メンバーシップ
• E-コマース
• メールホスティング
• ソーシャルメディア
• ローカリゼーション ツールなど

必要なアプリが見つからない場合は、 Webflow にカスタム アプリの作成を依頼し、 特にあなたのために（追加費用がここに適用されます）.

ウェブフローカスタマーサービス

Webflow は巨大なプラットフォームであるため、サブスクライバーに適切なレベルのカスタマー サービスを提供することが期待できます。 

ただし、Webflowはここで落ち込みます。 ライブサポートはありません –最上位の価格プランでさえありません. サポート担当者と連絡を取る唯一の方法は、電子メールを送信することです それでも、応答時間は貧弱です。 

Web に関するレポートでは、Webflow と主張しています。 平均で最大48時間かかります お客様からのお問い合わせに対応するため。 これは、特にクライアントの締め切りを守らなければならない場合には、良いことではありません。

ただし、Webflowはこの分野でいくつかのポイントを取り戻していますが、それはその大学のおかげです. この巨大な学習ライブラリは、 豊富なコースとトレーニング ビデオ プラットフォームの適切な使用方法を教えるため。

それでも、サイトに問題が発生したり、問題が発生したりした場合、これは役に立ちません. 近い将来、Webflow がより優れたサポート オプションを導入することを期待しましょう。

Webflow Web サイトの例

では、Webflow の公開サイトは実際にどのように見えるのでしょうか? テンプレートから取得できるものは限られているため、ライブのサンプル Web サイトを表示することは、Webflow の機能を理解するのに最適な方法です。

最初に、我々は持っている https://south40snacks.webflow.io、ナッツと種子ベースのスナックを製造する会社のサンプル サイト (上の画像)。

これは 見栄えの良いサイト いくつかの あなたの注意を引くためのクールなアニメーション （そして、あなたをスナックに飢えさせます！）。 レイアウトとデザインは素晴らしく、すべてがスムーズに機能します。

次は https://illustrated.webflow.io/. まず、次のものが表示されます。 目を見張るアニメーション、しかし、スクロールすると、 すっきりと美しく表現されたレイアウト それは説得力があるが組織化されていると感じます。

各ページの読み込みは速く、埋め込まれたビデオは夢のように動作します。

https://www.happylandfest.ca/ フェスティバルのウェブサイトの例を紹介し、 ビデオ クリップにテキストを重ねます。

スクロールすると、画像のギャラリーとイベントに関する追加情報が表示されます。 すぐに注意を引くように設計されており、非常にうまく機能します。

Webflow サイトの他の例を表示するには。 それらをここでチェックアウトする.

Webflow の競合他社を比較する

このレビューで説明したように、Webflow は高度な機能と柔軟性で知られているため、Web サイトの外観と機能をより詳細に制御したいデザイナーの間で人気があります。 ただし、他のプラットフォームもあります。 以下は、Webflow と競合他社との比較です。

1. Squarespace: Squarespace は、プロフェッショナルな外観の Web サイトを作成するためのさまざまなテンプレートとデザイン オプションを提供する人気の Web サイト ビルダーです。 Squarespace は初心者にとって簡単ですが、Webflow は経験豊富なデザイナー向けに、より多くのカスタマイズ オプションと高度な機能を提供します。
2. ウィックス: ウィックス は、Web サイトを作成するためのドラッグ アンド ドロップ インターフェイスを備えたユーザーフレンドリーな Web サイト ビルダーです。 Webflow よりも初心者に優しいですが、カスタマイズ オプションが少ないため、より複雑な Web サイトには適していない可能性があります。
3. WordPress: WordPress は、Web デザイナーに多くの柔軟性とカスタマイズ オプションを提供する、広く使用されているコンテンツ管理システム (CMS) です。 Webflow よりも複雑ですが、Web サイトのデザインと機能をより細かく制御できます。
4. Shopifyサービス: Shopifyサービス は、ユーザーがオンライン ストアを作成できる人気の e コマース プラットフォームです。 Webflow の直接の競合相手ではありませんが、Webflow が電子商取引機能を提供していることは注目に値します。デザインと電子商取引の両方の機能を備えた Web サイトを探している中小企業にとっては良い選択肢となる可能性があります。

全体として、Webflow はその高度な機能と柔軟性で競合他社の中でも際立っており、Web サイトの外観と機能を完全にカスタマイズするプラットフォームを探している経験豊富な Web デザイナーにとって理想的な選択肢となっています。

Q&A

私たちの評決 ⭐

Webflowに匹敵することは間違いありません WordPress それが提供する膨大な数の編集ツール、統合、および機能について。 Web デザインの専門家、エンタープライズ レベルのビジネス、およびデザイン エージェンシーにとって最適なオプションだと思います。

実際、このプラットフォームには、次のことを可能にする多くの価格プランがあります。 ウェブサイトの成長とスケーリング あなたのビジネスに合わせて。 このプラットフォームを完全に理解するための専門知識 (と時間) があればいいのにと思います。

しかし、 新規ユーザーのためのより良いプラットフォーム 基本的でシンプルなウェブサイトが必要な人。 たとえば、XNUMX ページのビジネス サイト、個人の自己紹介サイト、平均的なブロガーは、Webflow が洗練されすぎていることに気づき、次のようなより基本的なものを好む場合があります。 ウィックス, Site123 or ドゥダ.

最近の改善と更新

Webflow は、より多くの機能を追加して CMS を継続的に改善しています。最近の改善点の一部を以下に示します (最終確認は 2024 年 XNUMX 月)。

• コードブロック要素: 言語固有のコード スニペットを任意のページに表示する新機能。
• 単一 CMS アイテムの一括フィールド変換: ワンクリックで CMS アイテム全体をセカンダリ ロケールで翻訳できるようになります。
• リッチテキスト要素でのマークダウンのサポート: リッチ テキスト要素の書式設定にマークダウンを使用する機能を追加します。
• コンポーネントのプロパティを並べ替える: ユーザーがワークフローに合わせてコンポーネントのプロパティを並べ替えることができます。
• すべての顧客向けのローカリゼーション: ローカリゼーション機能は、基本機能の無料プレビューとともに、すべての顧客が利用できるようになりました。
• ポインタイベント制御: この更新により、ポインター イベントを none に設定することで、Web サイト上の重複する要素を管理できるようになります。
• カスタム要素: ユーザーは、任意の HTML タグまたはカスタム属性を要素に追加して、HTML の可能性を最大限に活用できるようになりました。
• 設計テストのためのブランチ ステージング: ブランチ上でデザインをテストするための個別のステージング環境を提供します。これは特にエンタープライズ顧客にとって有益です。
• リッチテキスト要素の改善: リッチ テキスト要素を使用した構築をより柔軟かつ効率的に行うための機能強化が行われました。
• 個々のページの Noindex コントロール: この SEO の強化により、どのページをサイトマップに含めるか、検索エンジンによってインデックスに登録されるかを制御できるようになります。
• ナビゲータパネルを右クリックします: ナビゲーターで右クリックしてすべてのアクションを実行できるようになり、Web サイトの構築速度が向上しました。
• Webflow の新しいルック アンド フィール: 更新されたユーザー インターフェイスにより、より集中したワークスペースとモダンなデザインが提供されます。
• 3D スプライン シーン: ユーザーは、スプライン シーンを使用してサイトに 3D オブジェクトを追加し、アニメーション化できます。
• アスペクト比の制御: Webflow Designer にアスペクト比制御を導入します。
• 変数を使用した設計システムのコード化: 色、サイズ、タイポグラフィなどの値を保存する変数により、デザインの一貫性と拡張性が向上します。
• コンポーネントの使いやすさの向上: メインコンポーネントを管理するか、コンポーネントインスタンスを使用して構築するかに基づいて使いやすさが向上しました。
• コンポーネント、変数、ローカリゼーション用の新しい API: これらの API は、開発者による強力な Webflow アプリの構築をサポートします。
• 移転先計画: ワークスペース管理者は、サイト間でサイト プランを転送できるようになり、管理が簡素化されます。
• 新しいコンテンツ編集者とコメント者の役割: コンテンツの編集とコラボレーションのためのデザイナーの新しい役割により、チームワークが強化されます。
• カスタムドメインの管理: Webflow でカスタム ドメインをサイトに接続することが簡単になりました。
• ウェブフローアプリ: 次世代の Webflow アプリを導入し、コア ビジネス ツールとより深く統合します。
• 開発者プラットフォームのアップデート: 製品を構築する機会を増やすために、開発者プラットフォームに大幅な更新が行われました。
• 改善された公開ワークフロー: 特にエンタープライズ顧客向けに強化されたステージングおよび公開ワークフローにより、Web サイトの変更をより適切に制御できます。
• ワークスペースをアーカイブする: ワークスペース所有者は、カスタマー サポートに連絡せずにダッシュボードからワークスペースを削除できるようになりました。
• クラス管理のキーボード ショートカット: 要素の最後のクラスを複製または削除するための新しいショートカット。
• テキストの折り返しと単語区切り: テキストが新しい行に分割される場所を制御します。
• Figma プラグインのサポートの改善: Figma での自動レイアウトと応答性のサポートが強化され、Webflow に簡単にインポートできます。
• サイトアクティビティログでコンテンツの変更を追跡する: CMS での可視性とサイト アクティビティ ログの静的ページ コンテンツの変更。
• 簡素化された公開権限: 各ワークスペース メンバーの公開権限を細かく制御します。
• デザイナーでのコメントによる一元的なフィードバック: デザイナーでフィードバックを直接共有、レビュー、解決します。
• クイックスタック要素: キャンバス上のコントロールとレイアウト プリセットを使用してビルド プロセスを高速化する新しい要素。

Webflow のレビュー: 私たちの方法論

ウェブサイトビルダーをレビューするとき、私たちはいくつかの重要な側面に注目します。ツールの直観性、機能セット、Web サイト作成の速度、その他の要素を評価します。主に考慮すべき点は、Web サイトのセットアップが初めての個人にとっての使いやすさです。私たちのテストでは、次の基準に基づいて評価されます。

1. セミオーダーサービス: ビルダーでは、テンプレートのデザインを変更したり、独自のコーディングを組み込んだりできますか?
2. 使いやすさ: ナビゲーションやドラッグ アンド ドロップ エディターなどのツールは使いやすいですか?
3. お金の価値: 無料プランまたはトライアルのオプションはありますか?有料プランにはコストに見合った機能が備わっていますか?
4. セキュリティ: ビルダーはあなたの Web サイトと、あなたとあなたの顧客に関するデータをどのように保護しますか?
5. テンプレート: テンプレートは高品質で、現代的で、多様性に富んでいますか?
6. サポート: 人間の対話、AI チャットボット、または情報リソースを通じて、支援をすぐに利用できますか?

私たちについてもっと学ぶ ここで方法論を確認してください.

レビューを送信

参照：

• 機能の完全なリスト – https://webflow.com/features
• ユーチューブチャンネル – https://www.youtube.com/c/webflow
• ウィキペディア– https://en.wikipedia.org/wiki/Webflow
• Reddit - https://www.reddit.com/r/webflow/