【ノーコード】Webflow 事例 国内サイト 3選 html css 書かずに ホームページ制作

web制作の現場で、最近話題のノーコード、ローコードツール。中でも、今回ご紹介するWebflow(ウェブフロー)は、有名も有名なツールとなっています。

Webflow(ウェブフロー)は、簡単にwebサイトを作れるサービスで、マウスのドラッグアンドドロップだけで、web制作ができて、あとは、文章を入れるだけ!という状況を作れます。

そんなWebflow(ウェブフロー)なのですが、実際、どんなwebサイトを作れるかを知りたい!という声を耳にしたので、この記事では、Webflow(ウェブフロー)の制作事例を調査してみました。

まずは、おさらいてきに、Webflow(ウェブフロー)とは、なにか?どんな特徴なのかを解説して、Webflow(ウェブフロー) 事例 紹介に入ります!!

Webflow(ウェブフロー)とは

Webflow(ウェブフロー)公式ホームページ
https://webflow.com/

Webflow(ウェブフロー)とは、ドラッグアンドドロップだけで、ホームページを作れる、そんなwebツールです。パワーポイントみたいなイメージがイメージしやすいかもしれませんね。

ただ、Webflow(ウェブフロー)は、ノーコードツールでも、屈指のデザインの自由度の高さがセールスポイントです。

また、拡張性の高さも売りです。

Webflowは、Zapier、Memberstack、Weglot、Beamerなどと連携することで、

  • 会員機能
  • ログイン機能
  • 多言語対応
  • サブスクリプション(定額サービス)

なども実施ができます。

もちろん、htmlや、css、javascriptの知識がなくても、ホームページを作れます。当然コーディングができなくても、ホームページを作れるのが、Webflow(ウェブフロー)のいいところですね。

そして、もう1つ。

Webflow(ウェブフロー)は、SEOなども細かく設定できるので、実は、結構便利なweb制作ツールなんですよね。

ではさっそく、Webflow(ウェブフロー) の事例をご紹介していきますね。

Webflow(ウェブフロー) 事例

なるべく、Webflow(ウェブフロー) の事例を、日本語のサイトから、ピックアップしていきました。

英語サイトだと、文字が違うので、かっこよさが変わってしまいますから、比較しづらいですよね。

R3 Institute 企業サイト

R3 Institute

https://www.r3it.com/

アールスリーインスティテュートは、kintone(キントーン)アプリを活用したシステム開発会社。

アールスリーインスティテュートのコーポレートサイトです。

これ、十分、クールなかんじです。

操作して気づくと思いますが、結構、さくさく動きます!

ノーコードエンジニア特化型求人掲示板 NocodeJobs

ノーコードエンジニア特化型求人掲示板 NocodeJobs

https://nocode-jobs.webflow.io/

完全無料の求人掲示板サイト。

ノーコードエンジニア向け!とのことなので、webflowで制作したのかもですね。

赤松酒店

赤松酒店

https://www.sake-akamatsu.jp/

酒屋さんのサイトですが、すっごいクール。

かっこいいです。

ナビゲーションの美しさもそうですが、写真もいいですね。

酒屋さんもこういう見せ方で、ECが、より活発化されそうですね。

Webflow(ウェブフロー) 事例 番外編

Webflow(ウェブフロー)の事例を探していたら、そもそも、Webflow(ウェブフロー)の公式ホームページに、ショーケースのコンテンツがありました!

Webflow(ウェブフロー) ショーケース
https://webflow.com/discover/popular

実際の事例をがんがん見たい人には、おすすめです。
ただし、英語圏のサイトが多いです。

日本語サイトは、あまり見かけません。

実際の事例を見たら、そのうえで、活用したくなるはず。

そこで、Webflow(ウェブフロー) が提供している、デザインテンプレートのページについてもご紹介します。

Webflow(ウェブフロー) 無料 テンプレート
https://webflow.com/templates/free-website-templates

Webflow(ウェブフロー) は太っ腹なので、デザインテンプレートを無料でDL可能です。これを導入すれば、見栄えのいいwebサイトをサクッと作れます。

まずはダウンロードしてみて、参考にしてくださいね。

まとめ Webflow 事例 を見て。まずは試してみませんか?

Webflowの事例、いかがでしたか?

Webflowの特徴である、テンプレートの多さなども実感されたと思います。そして、Webflowの機能性、SEO設定なども、実際のサイトを見るとイメージできますよね。

CSSやHTMLのコードを書かずにWebサイトを作れる、Webflow。

ちなみに以前に、ウェブフローについて、ご紹介した記事はこちら

アイデア一つで、変わっていく世の中を象徴したツールです。Wix、Jimdo、STUDIOといったノーコードツールはあるものの、やはり、Webflowの人気の高さがうかがえますね。

【月額138円~】ワードプレスも使える格安レンタルサーバ スターサーバー とは

 

◆CMS 関連記事

ワードプレスのテーマなどは別途まとめます!

【国産】ブルーモンキー CMS BlueMonkey 評判 事例 費用 など 簡単 まとめ
https://saras-wati.net/web-make/about-bluemonkey-cms/

無料でホームページ作成 ペライチ 求人や採用ページ作成テンプレートを公開
https://saras-wati.net/news/peraichi-recruit-1908/

webflow ノーコード で きれいな webデザイン の ホームページ制作
https://saras-wati.net/web-make/webflow/

WordPress(ワードプレス)がホームページ制作で人気な理由とメリットを解説
https://saras-wati.net/web-make/wordpress-homepage-merit2001/

ノーコード 3分 webサイト制作 Landen とは アプリ開発 も 可能な webツール
https://saras-wati.net/web-make/landen/