ノーコードWeb制作案件事例集

ノーコードツール「Webflow」を使ったWeb制作の案件を紹介しています。

執筆者
更新日
2022-12-25
カテゴリー

皆さん、こんにちは!

LikePay Academyのイーゴリです。

今回は、皆さんにノーコード(Webflow)を使って制作してきた案件の事例を紹介したいと思います。

紹介する事例は、全部私の会社で制作した実際の案件になります。内容は、

  • クライアント種類
  • 案件内容
  • 制作費
  • 制作時間

になります。

では見ていきましょう。

サービスサイト

こちらは、ベンチャー企業のクライアントさんです。

ITツールを開発し、法人営業でそのサービスを展開する会社さんです。

このクライアントのニーズは、法人の見込み客へのアピールとなります。ですので、サイト内容もその目的に沿ったものです。ちなみに内容はクライアントの方で全部用意してくれました。

今回の案件は、サービスサイトの作成でしたので、サイトのページ構造はこのようなイメージです:

  • トップページ
    トップページではサービスのざっくりな説明があり、導入企業のロゴが並ぶイメージです。そして導入事例が3つ表示されていて、導入事例一覧ページに遷移するボタンがあります。
  • 導入事例一覧ページ
    一覧で導入している企業の話が記載されているページですね。それぞれの事例を押すと、その事例を詳しく見れるページに遷移されます。
  • 導入事例ページ
    それぞれの導入事例の話が詳しく紹介されているページです(ブログの記事のような)。
  • プライバシーポリシーのページ
    どのサイトにも欠かせないプライバシーポリシーのページもありました。ただ文章の記載されているページです。
  • セキュリティーポリシー
    その企業のセキュリティーに関する表記でs
  • お問合せページ
    SalesForceのフォームを埋め込みするページです

このような、6つのページのサイトです。

では、この案件では、弊社はどのような作業をしたかは見てみましょう。

  • デザインクライアントから頂いた参考サイトと企業のロゴなどの既存素材をもとにサイトの見た目をデザインしました。デザインの作成とすり合わせのためにFigmaというデザインツールを使いました。
  • Webflow制作作ったデザインを実際にWebflowを使ってサイトとして作りました。制作後にWebflowのテスト用のドメインwebflow.ioに仮公開して、実際にブラウザで見れるサイトにたしてクライアンの修正と要望を頂いて、最終的に仕上げしました。

今回の案件は、Webflowプロジェクトの移行という納品方法で納品しました。

では、このサイトの作成時間は、

  • デザイン:15時間程度
  • 制作:20時間程度
  • 修正・要望対応:20時間程度
  • 打ち合わせ:5時間

合計50時間

正社員の1週間半くらいの作業時間です。ただ、もちろんこの案件は、1週間で終わったではなく、クライアントの確認や要件定義などの時間もありました。

では、この50時間の作業で終わらせたノーコードWeb制作の案件単価は、45万円でした。

ちなみにこのクライアントさんから好評を頂いたので、半年後くらいにもう一つのサイト制作依頼をいただきました。

企業サイト

こちらは、大手企業の新しく設立された子会社のクライアントです。

またベンチャー系の企業ですが、サイトのメインの目的は、関係者に会社を紹介すると、大手企業の社員限定でブログを配信することです。

今回の案件は、このようなイメージでした:

  • トップページ
    会社の説明、チーム紹介などするページです
  • プライバシーポリシーのページ
    こちらはどのサイトにも必要ですね
  • ブログページ
    記事が一覧で並ぶページですね。記事をクリックすると、それぞれの記事詳細ページに遷移します。
  • ブログ記事のページ
    それぞれの記事の文章の記載されているページです。
  • プロフィール編集ページ
    会員登録している会員さんのプロフィールを編集できるページです。

そして今回の作業範囲はこちらのようになります:

  • デザイン前回と同様でFigmaでデザインを組んでクライアントとすり合わせしました。
  • Webflow制作FigmaデザインをもとにWebflowで実際にページを構築しました。多少アニメーションも入っています。
  • システム連携今回は、Webflowに別のシステムを連携して会員機能とブログ更新ごとのメールマガジン配信機能を作りました。

では、このような作業は、どのくらいの時間でできたのでしょうか?

  • デザイン:20時間程度
  • 制作:30時間程度
  • 修正・要望対応:30時間程度
  • 打ち合わせ:3時間程度

合計83時間

正社員の2週間分くらいの作業ですね。また前回と同じく、確認などでそれより長い時間がかかってしまいました。

そしてこのサイトの単価は、最終的に80万円でした。

このクラインントは、納品後にも色々編集したり、追加したりしたいという要望ありましたので、保守運用サポートの契約も締結しました。

コーポレートサイト

こちらは、デザイン会社のクライアントさんです。

クリエイティブな仕事をしている会社さんですので、かっこいいデザインのデータも用意して頂いて、Webflow制作のみの案件でした。

こちらのサイトは、構造的に前の案件より大きくなっています。

10ページ程度のサイトですね。その中では、トップページ、制作事例一覧や詳細ページと採用ページなどがありました。

そしてデザインはこだわりがあって、中級レベルのアニメーションもありました。

結果として、このサイト制作時間はこのようになります:

  • Webflow制作:40時間程度
  • 修正・要望対応:10時間程度
  • 打ち合わせなど:5時間程度

合計55時間

そしてこの制作のみの案件の単価は、60万円でした。

まとめ

今回紹介した制作案件の事例は、弊社の方でフルタイムで制作してきましたが、時間単位で制作時間を記載していますので、皆さんは副業やフリーランスでこのくらいの時間も使えるのではないでしょうか?

Webflowを使って制作していくと、一人でもだいぶ稼ぐことができますね。ぜひチャレンジしてみてください!

もしWebflowの学習やノーコードWeb制作の実務について気になることや相談したいことがある場合、ぜひ弊社のLikePay Academyの無料カウンセリングにお越しください。

30分の間に私とマンツーマンでなんでも質問できますので、ぜひこのチャンスを使ってください!

LikePay Academy

無料でお試し
ノーコード動画教材

300本以上のノーコード動画教材で実務スキルを速いペースで学習

チャットサポート

会員全員のSlackのチャットで講師にいつでも無限に相談

個別ビデオ通話相談

ビデオ通話相談で画面シェアしながら質問・悩みを講師と個別に解決