Webflow

デザイナーがコードを書かずに本番環境対応のサイトを構築できるビジュアルWeb開発プラットフォーム。

web-design
編集部スコア
4.5

開始価格 $18 /月

無料プラン利用可能

Webflow を無料で試す →

アフィリエイトリンク

4.5
優れた選択肢

Webflowのスコア

使いやすさ
4.6
機能
4.4
コストパフォーマンス
4.6
サポート
4.2

使いやすさ、機能、コストパフォーマンス、サポート、連携性に基づく編集部の評価です。

最適な用途

Webデザインの原則を理解しているが、コーディングよりもビジュアルツールを好むデザイナークライアント向けにカスタムマーケティングサイトとポートフォリオを構築する代理店開発者の依存関係なしでランディングページを起動して反復したいマーケティングチーム収益前の予算で複雑なインタラクションを備えたプロフェッショナルなWebサイトを必要とするスタートアップカスタムWebサイトデザインサービスを提供するフリーランスWebデザイナー

最適な用途

Webデザインの原則を理解しているが、コーディングよりもビジュアルツールを好むデザイナー

無料トライアル

あり

注目の機能

完全なCSS制御とレスポンシブブレークポイントを備えたビジュアルデザインキャンバス

実績

2013年から

解決する課題

従来のWebサイト開発ワークフローには、コストのかかるボトルネックがあります。デザイナーがFigmaでモックアップを作成し、その後、開発者がそれらのデザインをコードに変換するのに数週間かけます - プロセスでデザインの忠実度を失うことがよくあります。典型的な代理店プロジェクトの場合、開発には5,000〜20,000ドル以上かかり、4〜12週間かかります。Webflowは、デザイナーがブラウザで直接本番サイトを構築できるようにすることで、このパイプラインを折りたたみます。開発者が6週間かかるマーケティングサイトは、Webflowで1〜2週間で構築できます。継続的な更新の場合、マーケティングチームは開発者チケットを送信せずにCMS Editorを介してコンテンツを編集できます - 従来のワークフローで数日かかる変更は数分で発生します。ホストされたインフラストラクチャも、ホスティング、CDN、SSL証明書のコストで月額50〜200ドルを排除します。代理店にとって、コンテンツ更新のためにビジュアルCMSをクライアントに引き渡す能力は、継続的なメンテナンスコストを大幅に削減します。

主な機能

  • 完全なCSS制御とレスポンシブブレークポイントを備えたビジュアルデザインキャンバス
  • 動的コンテンツ駆動型WebサイトとブログのためのWebflow CMS
  • スクロールおよびホバートリガーを備えたインタラクションとアニメーションエンジン
  • 製品管理、チェックアウト、支払い処理を備えたeコマース
  • 自動SSL証明書を備えたAWSおよびFastly CDNでのホスティング
  • クリーンでエクスポート可能なコードを備えたデザイナーから開発者への引き継ぎ
  • 1,500以上のプロフェッショナルにデザインされたスターターサイトを備えたテンプレートマーケットプレイス

メリット

  • + 完全なビジュアルCSS制御により、手動でコーディングされた結果と区別がつかないWebサイトを生成
  • + インタラクションエンジンにより、JavaScript知識なしで複雑なアニメーションが可能
  • + プラットフォームを離れた場合にエクスポートできるクリーンでセマンティックなHTML/CSS出力
  • + 組み込みCMSは、ブログ、ポートフォリオ、ディレクトリの動的コンテンツを処理
  • + 上位プランで99.99%のアップタイムSLAを備えたAWS + Fastly CDNでの高速ホスティング

デメリット

  • - 急な学習曲線 - flexboxやボックスモデルなどのCSS概念の理解が必要
  • - 価格は急速に上昇 - 月額29ドルのCMSプランと月額42ドルのeコマース
  • - CMSアイテム制限(標準プランで10,000)が大規模なコンテンツサイトを制限
  • - eコマース機能は機能的ですが、Shopifyのエコシステムと比較して未成熟

料金プラン

Basic

$18

/月

  • + Custom domain and up to 150 pages
  • + 25,000 monthly visits and 50 GB bandwidth
  • + SSL certificate and global CDN
  • + No Webflow branding

CMS

$29

/月

  • + Dynamic content with 2,000 CMS items
  • + 10,000 form submissions
  • + 100,000 monthly visits
  • + Blog and content-driven site support

Business

$49

/月

  • + 10,000 CMS items and 100 form submissions
  • + 250,000 monthly visits
  • + 99.99% uptime SLA
  • + Site search and enhanced security

開始価格 $18 /月

無料プラン利用可能

Webflow を無料で試す →

アフィリエイトリンク

総合評価

Webflow強くおすすめ

Webflowは、Web開発環境において独自の位置を占めています。Wixのような単純なウェブサイトビルダーには強力すぎますが、Webデザインの原則を理解しているがプログラミングは理解していないデザイナーにとって、手動コーディングよりもアクセスしやすいです。ビジュアルキャンバスは、デザインの意図を本当にクリーンで本番環境対応のHTMLとCSSに変換します - 他のビジュアルビルダーがこのレベルの忠実度で達成することではありません。ボックスモデル、flexbox、レスポンシブブレークポイントを概念的に理解している場合、Webflowはコードを1行も書かずにそれらをビジュアルに実装できます。

CMSは、ビジュアルビルダーにとって驚くほど有能で、リッチコンテンツタイプ、参照フィールド、条件付き可視性を備えた動的コレクションをサポートしています。これにより、Webflowはブログ、ポートフォリオ、ディレクトリ、コンテンツ豊富なマーケティングサイトに適しています。インタラクションとアニメーションエンジンは本当に印象的です - GSAPまたはカスタムJavaScriptを必要とするスクロールトリガーアニメーション、ページ遷移、ホバー効果は、ビジュアルエディターで完全に構築できます。ホスティングは高速(AWS + Fastly CDN)で、自動SSLとグローバル配信を備えています。

学習曲線はWebflowの最大の障壁です。午後にサイトをドラッグアンドドロップできるSquarespaceとは異なり、Webflowは基本的なWebデザインの概念を理解する必要があります。価格も上昇します - CMSサイトプランは月額29ドルで、eコマースを追加すると月額42ドルから始まり、同等の層でSquarespaceとShopifyを超えます。CMSはほとんどのプランで10,000アイテムの制限があり、大規模なコンテンツサイトを制限します。eコマースは機能的ですが、Shopifyのエコシステムと比較して未成熟です。クライアント請求とホワイトラベルオプションは改善されましたが、専用の代理店ツールに遅れをとっています。完全なデザインコントロールとコードなしでピクセルパーフェクトなWebサイトを望むデザイナー、代理店、マーケティングチームにとって、Webflowは比類がありません。手動でコーディングされたサイトに匹敵するプロフェッショナルな結果を提供することにより、ビジュアルWeb開発プラットフォームとしての地位を獲得しました。

関連ツール

Webflowの費用はいくらですか?

Webflowには2つの価格帯があります。SiteプランとWorkspaceプラン。Siteプランはホスティングをカバーします。無料のStarterプランでは、Webflowブランディングで2ページが許可され、月額18ドルのBasicプランでは、150ページのカスタムドメインが追加され、月額29ドルのCMSプランでは、10,000のCMSアイテムを含む動的コンテンツシステムが追加され、月額49ドルのBusinessプランでは、100のフォーム送信で10,000のCMSアイテムに増加します。eコマースプランは月額42ドルから始まります。デザインツールのWorkspaceプランは、無料(2プロジェクト)からシートあたり月額28ドルのTeamまでさまざまです。年払いはすべてのプランで約30%節約します。

WebflowはWordPressを置き換えることができますか?

多くのユースケースでは、はい。Webflowは、マーケティングサイト、ポートフォリオ、ブログ、小〜中規模のコンテンツサイトのWordPressを置き換えます。そのビジュアルビルダーは、どのWordPressテーマよりも多くのデザインコントロールを提供し、組み込みCMSは動的コンテンツを処理し、マネージドホスティングはWordPressメンテナンス(更新、セキュリティパッチ、プラグインの競合)を排除します。WordPressがまだ勝つ場所:10,000以上のコンテンツページを必要とするサイト(WebflowにはCMS制限があります)、複雑なメンバーシップサイト、大規模eコマース(WooCommerceにはより多くの機能があります)、Webflow相当がない特定のWordPressプラグインを必要とするユースケース。切り替えの最大の利点:壊れたプラグイン更新やセキュリティの脆弱性はもうありません。

Webflowはeコマースに適していますか?

Webflow Eコマースは、完全なデザインコントロールで物理的またはデジタル製品を販売する小〜中規模のストアに適しています。製品ページ、カート、チェックアウト、StripeおよびPayPal統合、在庫管理、メール通知が含まれています。デザインの自由度はShopifyテーマをはるかに超えています - ストアのすべての要素をカスタムデザインできます。ただし、Webflow EコマースにはShopifyのアプリエコシステム、マルチ通貨サポート、高度な在庫管理、POS統合、マーケットプレイス機能が欠けています。ストアがユニークに見えることを望む500未満の製品を販売するデザイン重視のブランドに最適です。より大きなカタログや複雑なeコマースニーズの場合、Shopifyはより良い選択のままです。

開始価格 $18 /月

無料プラン利用可能

Webflow を無料で試す →

アフィリエイトリンク

Webflow を無料で試す →

アフィリエイトリンク