BiNDup「DAISY Nursing care」にfeatures_001を使ってみた

シンプルすぎるトップページの課題

BiNDupのテンプレート「DAISY Nursing care」を読み込むと、トップページはとてもシンプルです。
メインイメージとタイトル、その下に数行のテキストがあるだけで、全体の情報量が少なく見えてしまいます。

「これで十分」と感じる方もいますが、多くの場合、特徴やサービス紹介を追加したいと思うのではないでしょうか。

DAISY Nursing care

ユーザーがよくやる一般的な工夫

「DAISY Nursing care」をそのまま使っていると、次のような工夫をするケースがよく見られますfeatures_001_ありそうなケース。

  • 空白ブロックを追加して、大見出しを3つ並べる
  • 目次ブロックを使って横3列にしてみる
  • 画像付きのブロックを複製して3つ並べる

確かに「それらしい形」は作れますが、次のような課題が出やすいです。

  • 画像サイズがバラバラで揃わない
  • 横幅や余白の調整が難しく、全体が崩れやすい
  • スマホで見たときにボタンや文章の位置が分かりにくい

結果として、「思ったより時間がかかる」「完成度に納得できない」と感じ、調べたり外部に依頼したりする方も少なくありません。

features_001を使った場合のメリット

こうした課題を解決できるのが、features_001ブロックです。

「DAISY Nursing care」にfeatures_001を読み込むと、最初から 画像+見出し+本文 が整った状態で3カラムに並びます。
さらに次のようなメリットがあります。

  • 画像の高さが自動で統一されるため、サイズ違いでも安心
  • スマホ表示時には縦並びに整列し、見やすさを維持
  • PCでは横3カラムで揃い、見栄えが崩れにくい
  • 文字や写真を入れ替えるだけで、すぐ完成

つまり「ゼロから調整する」のではなく、完成形に近いものをベースに編集できるので、効率的にきれいなページが仕上がりますfeatures_001_ありそうなケース。

テンプレート利用者へのおすすめ

「DAISY Nursing care」を選んだ方の多くは、テンプレートから簡単に作れると思ってBiNDupを始めています。
しかし実際には「ちょっとした修正」が想像以上に難しく、サイト全体が崩れてしまうことも。

そんなとき、features_001を読み込んで活用するのが一番の近道です。

  • 「特徴をわかりやすく並べたい」
  • 「シンプルなトップページを強化したい」
  • 「スマホでもPCでも整ったデザインにしたい」

こうしたニーズに、features_001はとても相性の良いブロックです。

動画でもご覧いただけます

下記からBlockDesignを確認できます。

https://bindism.com/blockdesign/features/features_001.html