Pattern A
ミニマル
罫線と余白だけで整える
装飾をほとんど使わず、余白・罫線・文字の大きさだけで情報を区切っています。読ませたい情報が多いページや、落ち着いた印象を優先する業種に向きます。
Canva Design Samples
同じ内容で、印象はここまで変わる。
和-Node自身のサービス紹介を題材に、文章も情報量も変えずに装飾だけを差し替えたCanva制作サンプルです。 「どのくらい飾るか」を、言葉ではなく現物で比べていただくために用意しました。
いずれも受注案件ではなく、弊社サイトを題材にした自主制作の制作例です。
Pattern B
上質・華やか
金の罫線と枠飾りで密度を上げる
枠飾り、区切り罫、番号バッジを重ねて装飾密度を上げています。同じ文章量でも「手をかけた感じ」が出るため、価格帯を伝えたい場面に向きます。
Pattern C
訴求型
高コントラストと図解で押し出す
色面を大きく分け、見出しを極端に大きく扱っています。仕組みの説明を図解に置き換えているため、サービス内容が一目で伝わる構成です。
Canvaで作るか、コードで作るか
どちらが良いかは目的で変わります。判断材料として、現時点で分かっていることをそのまま書きます。
Canvaが向いている場合
- 公開後にご自身で文言や写真を差し替えたい
- 短期間で形にして、まず反応を見たい
- 紙・SNS用の派生物も同じデータから作りたい
コード実装のほうが向いている場合
- 検索から集客したい（本文がテキストとして扱われる必要がある）
- スクリーンリーダーやキーボード操作への対応が必要
- 入力フォームや外部システムとの連携を組み込みたい
Canvaは日本語の扱いに癖があり、文字が画像として埋め込まれてしまう箇所が出ることがあります。 検索対策や読み上げ対応が必要なページでは、そこを確認したうえでご提案します。