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

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

ヴォロシオフ イーゴリ
2023
1
26

皆さん、こんにちは

LikePayのイーゴリです。

早速ですが、Webflowで納品する時に、やるべき作業を忘れてしまうことありませんか?

漏れなく納品ができていますか?

実際に自分も昔やるべきことをうっかり忘れてしまうことがありました。

作業を残してしまうと最終的にお客様から指摘されて、信頼も失ってしまう可能性がありますよね。

でも大丈夫です!

今回はとっておきのWebflow制作チェックリストテンプレートを共有します。

これでみなさんの制作の品質向上を目指しましょう!

この下のリンクをクリックして、コピーできるNotionのテンプレートページに入れます。

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

具体的なテンプレートの使い方はこの記事の先を見てください。

このテンプレートを使うことで、制作のミスを減らし、クオリティーの高いWebサイトが作ることができるようになり、継続的な案件の確立を高めます。

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

制作チェックリストのテンプレートはWebサイト制作後に確認します。

こちらはNotionで作成しているため、複製するにはNotionアカウントが必要になりますが

Notionは無料で使用することが可能です。

実は弊社では全ての情報管理に毎日使っている便利なツールなので、ぜひ使ってみましょう!

ページチェックリストの説明

レスポンシブ対応

Webflow表記:Responsive

スマホで表示した際に文字崩れや画像のサイズが適切なサイズになっているかを確認します。レスポンシブはWebサイトに対いして非常に重要ですので、詳しく学びたい方はこちらの記事を見てください。

エラーチェック

Webflow表記:Audit

Webflowの編集画面の左下の検索の上のところにAuditsという記入の漏れやエラーがないかを知らせてくれるものがあります。それらがきちんと処理されているかを確認します。

ブラウザの互換性

Google ChromeやSafari、Firefoxなどのブラウザで開いた時にきちんとサイトが動作するかを確認します。特にSafariはよく崩れが起こりますので、注意すべきです。ブラウザでの動作確認するには、サイトをテスト環境で一回パブリッシュすることができます。

SEO設定

Webflow表記:SEO Settings

ページのセッティング画面では、SEOの設定ができます。

こちらを記入することで、検索時にヒットさせたい言葉を入れて説明文を作ります。

OGP設定

Webflow表記:Open Graph Settings

SEOセッティングと同様にページの設定からオープングラフの設定ができます。

LineやTwitterでURLリンクを共有した際に、イメージ画像も一緒にサムネとして表示することができます。設定方法はこちらの記事を参考にしましょう!

作業段階と各設定項目

進捗プロセス

プロジェクト全体の進捗状況を記入します。

各リンク設定

ボタンや各リンクのジャンプ先が設定できているかをチェックします。

送信フォーム設定

埋め込んだフォームに適切な名前や記入必須なのか任意なのかをここで設定します。

プロジェクトセッティング

Webflowのプロジェクトセッティングではドメインの設定・ファビコンの設定・フォーム設定など

必要な設定を行います。

不要スタイルやアニメーションの削除

不必要なスタイルを編集画面の右側のStyle ManagerからClean Upをクリックし削除します。不要なアニメーションの削除も行います。

画像設定

画像をテキストとしても表すaltテキストの設定を編集画面左側のAseetsから行います。

SEO対策にもなります。

CMS設定

CMSを使用した際にCMSの設定をします。

検索設定

検索機能を使用した際に検索から除外するサイトのセッティングがきちんとできているかを確認します。

使用方法

1. はじめに、このテンプレートを複製

notionのテンプレートを選択して「複製」をして、複製したものを使用します。

2. 複製したページにプロジェクトの必要内容を記入

プロジェクトの内容をもとに必要な項目を記入します。

※例で入っている部分は削除してプロジェクトに応じた内容を入力してください。

3. 作業内容に応じて、適宜カスタマイズし、不要な部分は削除

各プロジェクトに合わせて、必要な部分の追加、不必要な部分を削除を行なってください。

4. 完了したら、署名と日付を記入

全ての入力が完了後ページの最後に署名と日付を記入してください。

5.この制作チェックリストをクライアントと共有。制作のチェックリストにする。

共有は右上の「共有」をクリックします。ウェブへの共有を有効にします。

※全てのリンクオプションは無効にしてください。

さいごに

まだ制作に慣れていない方、経験の豊かな方でも、うっかりして制作に不備が出てしまうことはあると思います。今回ご共有させていただいた制作チェックリストをプロジェクトに合わせてカスタマイズして使うことで、ちょっとしたミスを避けることができて、クライアントの満足度をさらに上げることができます。

他にも役立つチェックリストはこれです!サイト公開前に忘れがちなチャック項目15選を紹介しています!

この記事をシェア

あなたの事業に成長を

集客に特化したWebflowサイトで自社マーケティングをより柔軟に、より効果的にします。制作依頼を送信したら、無料打ち合わせであなたのニーズをヒアリングして、最適なソリューションを提案します。

支援先企業
株式会社リコー凸版印刷株式会社株式会社NTTドコモフォースタートアップス株式会社株式会社ニジボックス株式会社E-Housing株式会社ファンディオBooko株式会社unique onTerackathon株式会社ココウリE-Three

あなたもNoCodeのプロに

充実したサポートであなたも、最短3ヶ月間でノーコードWeb制作のプロになれます。

  • 300以上のノーコード動画教材

  • チャットサポート

  • 個別ビデオ通話相談