ブログ

B2Bサイト・LP改善でコンバージョン率を上げる方法：制作会社の選び方とチェックリスト

B2BサイトとLPのコンバージョン率を上げる方法を、CROの基礎から制作会社の選び方、A/Bテスト・アクセス解析の実務、チェックリストまで体系的に解説します。

Supasaito Agentsとは？

ノーコードで自律型AIエージェントを構築・運用。Supasaito Agentsなら、24時間365日働く「仮想チームメンバー」を配置し、複雑な業務ワークフローを自動化できます。

Figma Sites 最新アップデート 2025/26｜新機能・制限事項・活用タイミングを徹底解説

先日開催された Config 2025で発表された新機能「Figma Sites」。 デザイナーやノーコードユーザーにとって、非常に注目すべき発表となりました。 まだベータ版ながら、FigmaからそのままWebサイトを公開できるという大きな可能性を秘めています。 本記事では、Figma Sitesとは何か、どんなことができるのか、また現時点でできないことについて整理してお伝えします。

Web制作ツールの比較書

本記事では、ホームページ作成に広く使われている人気のWeb制作ツールを取り上げます。

ドメインはどこで買えばいい？人気サービスをわかりやすく比較

「自分のウェブサイトを作りたい」と思ったとき、必要になるのがドメインの取得です。 ドメインとは、インターネット上の住所のようなもの。たとえば「example.com」や「yourname.jp」などがそれにあたります。 では、そのドメインはどこで、どうやって買えばいいのでしょうか？ この記事では、初心者の方でも安心して利用できる、代表的なドメイン取得サービスをいくつかご紹介します。

成果を出すバナーの秘訣！サイズ、デザイン、制作ポイントを解説

Webサイトを運営する上で、「バナー」は非常に重要な役割を担います。まるで街中の看板のようにユーザーの目を引き、特定の情報へと誘導する力を持ちます。適切に活用することで、商品やサービスの認知度向上、さらに売上アップにも繋がる可能性を秘めています。 この記事では、ホームページのバナーとは何か、その目的やメリット、そして効果的なバナーを制作するためのポイントを解説します。

WixとStudioの比較

WixとSTUDIO、どっちを使えばいいの？直感で作れるWix、デザイン重視のSTUDIO。それぞれの特徴をやさしく解説。さらに「Webflow」というプロ仕様ツールもご紹介します！

長いURLはもう卒業！短縮URLの賢い使い方と活用メリット

インターネット上には膨大な情報があふれていますが、情報共有にはURLが欠かせません。しかし時には「長すぎるURL」に悩まされることもあります。見た目が悪くなったり、共有しにくかったりと、不便を感じる場面も多いのではないでしょうか。 そんなときに便利なのが「URL短縮」です。本記事では、短縮URLの仕組みや作成方法、さらに活用することで得られる利点・注意点までを詳しく解説します。

ChatGPTとは？AI初心者にもわかりやすく解説！仕組みやできること、活用法まで

近年、AIが文章や画像を生成する「生成AI」が世界中で注目を集めています。その中でも特に多くの企業や個人に活用されているのが、OpenAI社が開発した「ChatGPT」です。 「ChatGPT」という名前は聞いたことがあっても、具体的にどんなサービスなのか、何ができるのか、不安に感じている方もいるのではないでしょうか？ この記事では、生成AI初心者の方に向けて、ChatGPTの基本をわかりやすく解説します。ChatGPTでできることやその仕組み、そしてこれからの時代での活用法までご紹介しますので、ぜひ参考にしてください。

会社のメールアドレスとウェブサイトをスマートに準備する方法

Webflowによる大規模Web開発：チーム作業の高速化とエラー防止を実現する、コンポーネントと変数ベースのフレームワーク

SupasaitoによるWebflowフレームワークは、特に大規模なチームにとって、Webサイトの構築と管理を簡素化します。プロパティ、構造化変数、明確な CSS クラス命名を備えたコンポーネントを使用することで、デザインのボトルネック、偶発的なスタイルの変更、不一致などの一般的な課題に対処します。このシステムにより、スピード、柔軟性、ローカリゼーション、デザインコントロールが向上し、一貫性があり、スケーラブルで、エラーのないWebflow開発が可能になります。

サーバー契約なしでサイトを公開！Webflowで始めるWeb制作

自分のウェブサイトを作ってみたいけど、サーバーって借りなきゃいけないの？ そんな疑問を持っている方、多いのではないでしょうか。 これまでは、ウェブサイトを作るには「サーバー」というものを契約して、自分でいろいろ設定しないといけませんでした。でも今は、Webflow（ウェブフロー）のような便利なノーコードツールを使えば、サーバーなしでもサイトを公開することが可能です！ この記事では、サーバーってそもそも何なのか、なぜWebflowを使えば必要ないのか、を初心者の方向けにわかりやすく解説していきます。

AIがあなたの「知りたい」を見つける。Supasaito Academyの新しい検索体験

🔍 探している情報が、もっと簡単に見つかるようになりました。 「知りたいことはあるのに、うまく言葉にできない…」そんな経験、ありませんか？特に質問の仕方がはっきりしないとき、普通の検索ではなかなか欲しい答えにたどり着けません。だからこそ、Supasaito Academyでは“意味”を理解してくれるAI検索を開発しました。このブログでは、その仕組みと、なぜ学習体験が大きく変わるのかをご紹介します。

Webflow × GSAPの統合：今、何が起きていて、これからどうなるのか？

WebflowによるGSAPの買収は、Webデザインの未来を大きく変える一手となりました。これまで複雑だった外部統合は不要になり、今ではWebflow内から数クリックでGSAPを使い始められます。本記事では、買収の背景や最新の統合状況、そして今後の展望までをわかりやすく解説。ノーコードユーザーも、開発者も、この変化がもたらす新しい可能性をぜひチェックしてみてください。

なぜ今、世界のスタートアップはWebflowを選ぶのか？【ノーコードの常識を変えるWeb制作ツール】

なぜ世界のスタートアップはWebflowを選ぶのか？本記事では、コーディング不要で自由なデザインと強力なSEOを実現するノーコードツール「Webflow」の5つのメリットを徹底解説。ビジネスを加速させる秘密がここに。

ウェブサイトの成果を最大化するGoogleアナリティクスの設定と活用法【Webflow編】

Webflowで作成したウェブサイトをビジネスに活かすには、Googleアナリティクスの導入が欠かせません。この記事では、正しい設定方法や計測のポイント、Googleタグマネージャーの活用法までをわかりやすく解説しています。サイト公開後の分析・改善に興味がある方は必読です。

2025年5月最新版 Webflow料金プランの紹介

この記事では2025年5月時点でのWebflowの料金プランを理解することができます。Site PlanとWorkspace Plan、さらにはlocalization Planまで紹介しています。

旅を始めるということ：困難だけど、その価値はある

新しいことを始めるのは、決して簡単ではありません。 このパーソナルで内省的な記事では、Francescoが「始まり」に伴う感情的な葛藤について語ります。 モチベーションが消えてしまうこと、先の見えない道を一人で歩くこと――その中にこそ、本当の力が隠されています。 Supasaitoでは、この姿勢を大切にしながら、ノーコードを学ぶすべての人の旅を支えることを使命としています。

アウトソーシングから内製化へ：EarthbrainとSupasaitoによるWebflow導入ストーリー

EarthbrainがWordPressからWebflowへと移行し、Supasaitoとの連携を通じてどのようにWebサイト運用を効率化したのかをご紹介します。インタビューでは、導入前の課題やノーコード化によるメリット、今後の期待について語っていただきました。Webflow導入のリアルな実例として、業務改善のヒントが詰まった内容です。

【 2025年最新版 】Webデザインのトレンドを抑えておこう！

STUDIOよりWebflowを選ぶべき理由

「STUDIO」と「Webflow」を徹底比較！Webflowがビジネス成長に最適な理由を解説します。柔軟な機能、SEO対策、画像圧縮など、Webflowならではの利点を詳しく紹介。効率的なウェブサイト運営を目指す方必見の記事です！

UIデザインとは？初心者向けにわかりやすく解説

新しい挑戦に計画はいらない。第一歩を踏み出すコツ

なぜWebサイトには適切なテキストマークアップが重要なのか

この記事では、セマンティックマークアップの重要性についてお話しします。質の高いウェブサイトや文書を作成するには、適切なテキスト構造が不可欠です。しかし、多くの人がヘディングやリスト、テキストの強調を正しく使えず、読みづらいものになりがちです。その結果、読者を混乱させ、意図が伝わらなくなることがあります。

ワードプレスとノーコードツールの違い！どちらを選ぶべきか？

Webサイトを自分で作る！簡単に作成から公開までする方法

「自分でウェブサイトを作りたいけど、プログラミングは難しそう…」そんなお悩みはありませんか？この記事では、専門知識がなくても直感的にサイトを構築できる「ノーコードツール」の活用法を、目的設定から公開までの5つのステップに沿って丁寧に解説します。デザインの自由度が高いWebflow、初心者向けのStudioなど、あなたの作りたいサイトに最適なツールの選び方まで網羅。コストを抑え、自分のペースで理想のウェブサイトを実現するための第一歩を踏み出しましょう。

サイト制作は内製？外注？メリットやデメリットを紹介

近頃では、ウェブサイトが欲しければ誰でも作成できる便利な時代になってきました。 サイトを作成する際、何か目的を持ってサイトを作成すると思います。「ただサイトが欲しい」だけであれば、WebflowやWix、Studioなどのノーコードツールを使用することで、無料で簡単にホームページを作ることができます。 ただ、サイトを作る目的が「ブランドのイメージをよくしたい」や「集客したい」「商品を売りたい」というものであれば、その目的を達成するためのサイトを作る必要があります。 そのためには、ブランドのイメージに合うデザインの作成、ロードの早いソースコードを構築、検索に最適な構造とコンテンツを作成など、様々な知識とスキルが必要になります。 制作工数のかかるこの仕事を社内で行うか、外部の制作会社かフリーランスに外注するかは、難しい判断になってきます。 その判断をしやすくするために、それぞれのメリットとデメリットについて詳しく説明していきます。

Webflowカンファレンス2024で発表された新機能を紹介

Webflow Conference2024で発表された最新機能を日本語で紹介！デザイン管理からチームコラボレーション、AI活用まで、サイト構築がもっと自由に、そして強力に進化します。詳細を今すぐチェック！

Webflowで作られた日本企業のサイト事例10選

みなさんこんにちは！ノーコードツールエキスパート、Supasaitoです！ Webflowは、デザイナーやWeb担当者だけでもコーディングの知識ゼロでWebサイトを作成できるノーコードプラットフォームです。 日本でも、その多機能性とデザインの自由度が高く評価され、多くの企業がWebflowを導入しています。本記事では、Webflowで作られた日本のWebサイトをいくつかご紹介します。Webflowではいったいどんなサイトが作れるのか、見ていきましょう！

Webflowとは？ノーコードツールの中で最も人気がある理由は？

今回の記事はWebflow専門家の立場からWebflowについて紹介します。Webflowとは？他のノーコードと何が違うの？大企業もWordPressからWebflowに移行するそのメリットとは？気になることを幅広く紹介します。

WebflowとStudioを比較！どちらがサイト制作に最適か

初心者必見！Webflowでプロ並みのウェブサイトを作成するコツ

Webflowは、ハイクオリティなWebサイト制作ができるノーコードツールですが、最初は慣れない部分も多いかと思います。この記事では、Webflow初心者でもプロ並みのウェブサイトを作成できるようになるポイントをご紹介します。これらを押さえることで、Webflowのスキルを飛躍的に向上させることができるので、ぜひ最後までご覧ください。

【Webflowの始め方】初心者でも安心！アカウントの登録方法

「Webflowがどうやら便利という話を聞いたけれど、いまいち始め方が分からない、、、」そんな方が実は多いのではないでしょうか？今回は、Webflowの始め方やアカウントの登録方法を、初心者の方にもわかりやすく解説します。 この記事では、Webflowの基礎知識や初期設定、料金プランの紹介をしていきます。 こんな方におすすめ！ Webflowを使ってサイト制作を初めてみたい Webflowに興味はあるけど、使い方がわからなくて不安 料金プランの選び方がわからない 画像つきでくわしく解説していますので、安心してWebflowを始めてみましょう！

WordPressからWebflowへの移行がなぜおすすめなのか？

ウェブ制作にはさまざまなプラットフォームが存在しますが、最近では企業がWebflowを選択するケースが増加しています。Wix、STUDIO、WordPressなどのツールもありますが、特にWebflowは自社でウェブサイトを管理・更新するのに最適なプラットフォームです。本記事では、WordPressからWebflowへの移行を検討するべき理由と、そのメリットについて詳しく解説します。

Webflowウェブサイトの表示速度を上げるための改善策とは？

誰もがスマホやパソコンで物事を調べる現代では、ウェブサイトの読み込みが速く、ユーザーが快適かつスムーズに閲覧や操作を行える体験を提供しなければいけません。 読み込みが遅いサイトは、ユーザーに不満を与えるだけでなく、ウェブサイトのパフォーマンスにも悪影響を及ぼします。その結果、エンゲージメントが低下し、離脱率が高くなり、検索エンジンの順位が下がります。 ウェブサイトが最高のユーザーエクスペリエンスのために最適化されていなければ、市場で競争することはできません。この記事では、[Webflow](https://webflow.com/)で作られたウェブサイトのスピードを向上させる方法を紹介します。開発者、パフォーマンスを向上させたい方必読です。

会社のホームページを自作するならWebflow？おすすめの理由を紹介

会社のホームページを作る際、制作会社に依頼すると膨大な費用がかかってしまいます。そんな時、社内でホームページを自作できれば節約できると思いませんか？結論、エンジニアがいなくても社内でホームページ制作ができる時代になっています。今回はその方法を紹介します。

目的別でわかる、アカデミーの進め方

その人が抱えている課題ごとに、どのコースを受講すべきかを紹介します。また、コースを受講するおすすめの順番も紹介します。

Webflow利用企業インタビュー：株式会社Queue

今回、ノーコードツールWebflowを利用している株式会社QueueのCEOの柴田直人さんとCOOの三橋啓多さんにインタビューを行いました。株式会社Queueは、AIを活用してデータ分析業務を自動化するプラットフォーム「Morph」の提供に加え、受注クライアントワークを行っています。インタビューでは、「Morph」のウェブサイト制作や受注クライアントワークにおけるWebflowの導入理由や作業効率の変化についてお話を伺いました。

Webflowがダウンした時の対処法

Webflowは稀にダウンすることがあります。Webflowを利用するウェブ製作者にとっては痛手ですよね。この記事ではWebflowがダウンしたときに行うべき対処法をいくつか紹介します。

グローバルビジネスとウェブサイトの多言語化とローカリゼーション

ウェブサイトのインターナシュナラゼーション（多言語化）とローカライゼーションのメリットとベストプラクティスについてご紹介いたします。

Splineとは？Webflowでの使い方も解説！

Webflowの新機能「Splineアニメーション」を使用して、Webサイト内にNintendo Switchの3Dモデルを設置してページスクロールに応じて動かしていきます。

UIUXクイズ

UI/UXデザインは、ユーザビリティを向上させ、ユーザーエクスペリエンスを最適化するための重要な要素です。UI/UXデザイナーとして、あなたのスキルをテストし、新しい知識を得るために、このUI/UXデザインのクイズに挑戦してみましょう。以下のリンクからUIUXデザインクイズに答えて、自分の知識を評価しましょう！

Webflowで作られた日本Webサイト事例集

弊社がWebflowで作った日本のサイトの事例を6つ紹介します。

失敗しないWebflow代理店選びガイド：ビジネス成功のためのパートナーを見つけよう

自分のプロジェクトにぴったりなWebflowディベロッパーの探し方と、信頼できる専門家を見つけるための３つのポイント

成功するウェブサイトを手に入れる！Web開発ツールWebflowの強み５選

Webサイトはユーザーと企業が出会う場所。2020年以降、新型コロナウィルスによる外出制限により、買い物もサービスもインターネットがニューノーマル。Webサイトはビジネスの顔としての役割を強めました。 本記事ではあなたのビジネスにとって、Webflowを利用したWebサイト開発をおすすめする理由をご紹介します。

Webflowでウェブ制作依頼をするときに気をつけるべきポイント

WebflowでのWeb制作をしてくれる専門家（制作会社・フリーランス）を選ぶポイントの紹介です。

Webflowで作成したサイトの速度を向上させる方法

Webflowで作成したサイトの速度を向上させるための方法を紹介します。たった１秒読み込みにかかる時間が長いだけで、多くのユーザーは離脱してしまいサイトの評価が下がってしまいますが、今回紹介するヒントを行うだけで大きく改善しSEOにも強いサイトをに仕上げることができます。

メニューオープン時のスクロールを無効化する方法

Webflowでナビゲーションのメニュー、モーダルを開いたときのスクロールを無効化する方法を紹介します。通常では上下にスクロールができてしまいますが、シンプルなコードを加えるだけで対応ができます。

WebflowとFramer を比較してみた

この記事では、海外で評価の高いWebflowとFramerを比較しました。 ノーコードでサイトを運用すると、更新やテスト、分析・改善が素早くでき、管理も簡単です。 フリーランスデザイナーにとっても、コーディング不要で開発が効率化できます。 数あるノーコードツールの中で「どれを選ぶべきか」「日本語対応のSTUDIOか、世界で人気のWebflowやFramerか」と迷う方も多いでしょう。無駄な時間を避けるために、本記事が選択の参考になれば幸いです。

Web制作に便利な画像サイトを15つ紹介！

Web制作で画像を使用する際、商用利用が可能なものや、著作権に気を配ったものを探すのは大変ですよね。そこで、今回はWeb制作に便利な画像サイトを15つ紹介します。すべて商用利用可能で、著作権に気を配った画像が多数揃っています。URLも併せて紹介しますので、ぜひ参考にしてみてください。

Webflow専門家になろう！スキル上達方法の4選！

Webflowが提供するShowcaseやTemplates、Librariesなどの情報を利用して、作業効率を大幅に向上させたり、高度なスキルの学習を進める方法を紹介します！

Webサイト：自作か外注？

Webサイトの社内の制作と外注のそれぞれのメリットとデメリットを紹介します。

Webflowでホームページを作る11の理由

自社ホームページをWebflowで作る11理由を徹底的に説明します。読み込み速度、便利なサイト管理、セキュリティ、効率化などのメリットについて学べます。

WordPressからWebflowに移行するべき理由

This article outlines the main reasons why companies are increasingly migrating from WordPress to Webflow.

【Figma】デザインが楽になるプラグイン

あなたの作業効率が格段に上がるFigmaプラグインの７選

ホームページ・Webサイトとは？

毎日耳に入るけど、意外と正しく定義ができない「ホームページ」あるいは「ウェブサイト」ですが、今日はその正体について詳しく説明します。

Webflow制作チェックリストのテンプレート

制作提案用のテンプレートに引き続き、確実に役立つWebflow制作チェックリストテンプレートを共有します。

プロのWebflow制作提案用のテンプレート

案件獲得に確実に役立つWebflow Web制作の提案書のNotionテンプレートを共有します。

避けるべきクライアントとは？

受け取れば損してしまう案件のクライアントについて紹介します。

Webflowで4つの納品方法

この記事では、制作会社、フリーランスにWebflowでサイト制作を依頼した際の納品方法のパターンについて紹介します。

テスト環境、本番環境へサイト公開するための方法

Webサイトを作成し現状の確認をしてもらう為にテスト環境に公開することが一般的です。WebflowでもPublish先の指定をすることで、テスト環境と本番環境を使い分けて進めることが可能です。今回は、Weflowでテスト環境と本番環境への指定方法、コラボレーターとして追加されたEditorがサイト公開を行う方法について紹介します。

レスポンシブ対応

今回はレスポンシブ対応によって得られるさまざまなメリットを紹介します。

游ゴシック体をWebflowで使う方法

ウェブサイトを制作する際、デザインに游ゴシックが指定されていることはよくあります。しかし、Webflowでは標準で用意されているGoogleフォントに游ゴシックは含まれていません。 そのため、Adobe Fontsを使う、フォントファイルをアップロードする、CSSでFont Familyを直接指定するといった方法が必要になります。 この記事では、游ゴシックをCSSでFont Familyとして指定して使用する方法をご紹介します。

サイト制作でヒアリングすべきリスト

Web制作をスムーズに進めるうえで、最初の「ヒアリング」はとても大切なステップです。 どんなにデザインや技術に自信があっても、クライアントの要望を正しく理解していなければ、思わぬトラブルや見積もりのズレにつながることも。 だからこそ、はじめの段階でしっかりと準備し、丁寧にヒアリングを行うことが成功への近道になります。

【サイズ指定】px,em,rem,%,vw,vhとは？

フォントサイズ、パディング、マージンなどの値でem,remなどを見かけることはありませんか？ 普段はpxで指定しているので、emとかよくわからない。なんなの？ そういった方に向けて、今回は「px,em,rem,%,vw,vh」を紹介していきます！

Webflowサイト公開前チェックリスト15選！

サイトを公開する前にチャックしないといけない忘れがちな項目の15選！説明付です！

ノーコードWeb制作案件の獲得：必須な５のこと

ノーコードWeb制作のブルーオーシャンで案件を獲得するために必要となる知識と行動

LINEでURLを共有した際に表示されるサムネイル画像の設定方法

LINEやfacebookなどでURLを送信した際に表示されるサムネイル画像の設定方法について解説していきます。

開発外注 vs 自社ノーコード開発

サービス開発を制作会社にお願いするより、ノーコードを使って自社で開発した方法がいい理由を解説

ノーコードとは？

ノーコードとは何か？2025年の最新トレンドとともに、コードを書かずにWebサイト・アプリ・自動化ができる仕組みを紹介。supasaito Academyで、あなたのアイデアを形にしよう。

Webデザインにおける日本語の改行問題

Webデザインにおける日本語の不自然な改行問題を解決する方法を紹介。<span> や <wbr>、overflow-wrap などのCSSを使って、読みやすく美しいレイアウトを実現するための実践的なテクニックを解説します。