［CSS装飾］コピペで使えるアメブロ投稿用ボックスデザイン♪

こんにちは！

Webデザイナーの後藤美和子です♪

今回もCSSでカスタマイズする
ボックス背景デザインをご紹介します

今回は

春らしい色を選定した画像

を配置してみました

    

これからご紹介する
HTMLコード欄をコピーし

 

アメブロの投稿ページ編集画面で
［HTML編集］に切り替え


必要箇所に貼り付けると

ご自身の投稿ページに活かせます

ぜひ、よろしければご覧ください
 

▼----  Design Sample１----▼

             ↓ ↓ ↓

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！
ここに文章を入力してください！

◇　HTMLコード ◇

<p>&nbsp;</p><div style="border-radius:5px;background: url('https://stat.ameba.jp/user_images/20230319/06/migomigo7/5b/28/j/o1000075015257270286.jpg') repeat center center;border-radius:5px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);margin:20px auto;"><div style="padding:10px;"><div style="padding:20px;background-color:rgba(255,255,255,0.8);border-radius: 5px;border:1px solid #fff;"><p style="background:none;">ここに文章を入力してください！</p></div></div></div><p>&nbsp;</p>

▼----  Design Sample2----▼

             ↓ ↓ ↓

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！
ここに文章を入力してください！

◇　HTMLコード ◇

<p>&nbsp;</p><div style="border-radius:5px;background: url('https://stat.ameba.jp/user_images/20230319/06/migomigo7/61/cf/j/o1000075015257270287.jpg') repeat center center;border-radius:5px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);margin:20px auto;"><div style="padding:10px;"><div style="padding:20px;background-color:rgba(255,255,255,0.8);border-radius: 5px;border:1px solid #fff;"><p style="background:none;">ここに文章を入力してください！</p></div></div></div><p>&nbsp;</p>

▼----  Design Sample3----▼

            ↓ ↓ ↓

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

◇　HTMLコード ◇

<p>&nbsp;</p><div style="border-radius:5px;background: url('https://stat.ameba.jp/user_images/20230319/06/migomigo7/4e/ab/j/o1000075015257270288.jpg') repeat center center;border-radius:5px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);margin:20px auto;"><div style="padding:10px;"><div style="padding:20px;background-color:rgba(255,255,255,0.8);border:2px solid #fff;border-radius: 5px;"><p style="background:none;">ここに文章を入力してください！</p></div></div></div><p>&nbsp;</p>

▼----  Design Sample4----▼

            ↓ ↓ ↓

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

◇　HTMLコード ◇

<p>&nbsp;</p><div style="border-radius:5px;background: url('https://stat.ameba.jp/user_images/20230319/06/migomigo7/84/7e/j/o1000075015257270293.jpg') repeat center center;"><div style="padding:10px;border-radius:5px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);margin:20px auto;"><div style="padding:20px;background-color:rgba(255,255,255,0.8);border:2px solid #fff;"><p style="background:none;">ここに文章を入力してください！</p></div></div></div><p>&nbsp;</p>

▼----  Design Sample5----▼

           ↓ ↓ ↓

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

◇　HTMLコード ◇

<p>&nbsp;</p><div style="border:1px solid #daded4;border-radius:5px;background: url('https://stat.ameba.jp/user_images/20230319/06/migomigo7/3d/62/j/o1000075015257270292.jpg') repeat center center;border-radius:5px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);margin:20px auto;"><div style="padding:10px;"><div style="padding:20px;background-color:rgba(255,255,255,0.8);border-radius: 5px;border:2px solid #fff;"><p style="background:none;">ここに文章を入力してください！</p></div></div></div><p>&nbsp;</p>

▼----  Design Sample6----▼

            ↓ ↓ ↓

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

◇　HTMLコード ◇

<p>&nbsp;</p><div style="border-radius:5px;background: url('https://stat.ameba.jp/user_images/20230319/06/migomigo7/4b/49/j/o1000075015257270291.jpg') repeat center center;border-radius:5px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);margin:20px auto;"><div style="padding:10px;"><div style="padding:20px;background-color:rgba(255,255,255,0.8);border-radius: 5px;border:1px solid #fff;"><p style="background:none;">ここに文章を入力してください！</p></div></div></div><p>&nbsp;</p>

▼----  Design Sample7----▼

            ↓ ↓ ↓

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

◇　HTMLコード ◇

<p>&nbsp;</p><div style="border-radius:5px;background: url('https://stat.ameba.jp/user_images/20230319/06/migomigo7/5b/a1/j/o1000075015257270290.jpg') repeat center center;border-radius:5px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);margin:20px auto;"><div style="padding:10px;"><div style="padding:20px;background-color:rgba(255,255,255,0.8);border-radius: 5px;border:1px solid #fff;"><p style="background:none;">ここに文章を入力してください！</p></div></div></div><p>&nbsp;</p>

▼----  Design Sample8----▼

            ↓ ↓ ↓

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

◇　HTMLコード ◇

<p>&nbsp;</p><div style="border-radius:5px;background: url('https://stat.ameba.jp/user_images/20230319/06/migomigo7/c1/9c/j/o1000075015257270289.jpg') repeat center center;border-radius:5px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);margin:20px auto;"><div style="padding:10px;"><div style="padding:20px;background-color:rgba(255,255,255,0.8);border-radius: 5px;border:1px solid #fff;"><p style="background:none;">ここに文章を入力してください！</p></div></div></div><p>&nbsp;</p>

以上、いかがでしたか？！

デザインしている私も

楽しかったです

ご覧いただき
ありがとうございました♪

後藤美和子の

LINE公式アカウントはこちら

↓　↓　↓

気軽にLINEメッセージを送ってください！

( ID: @238peydi )

［CSS装飾］春の陽気に誘われて！コピペで使えるアメブロ投稿デザイン

こんにちは！

Webデザイナーの後藤美和子です♪

今回は、一息ついて
アメブロ投稿の中で
背景をデザインできる
パターンをご紹介します。

とても久しぶりのシリーズです

CSSでカスタマイズする
ボックス背景デザイン

今回は、春の花シリーズ

お好みの背景があれば
ぜひ活用してみてくださいね

    

これからご紹介する
HTMLコード欄をコピーし

 

アメブロの投稿ページ編集画面で
［HTML編集］に切り替え


必要箇所に貼り付けると

ご自身の投稿ページに活かせます

▼----  Design Sample１----▼

         ↓ ↓ ↓

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！
ここに文章を入力してください！

◇　HTMLコード ◇

<p>&nbsp;</p><div style="border-radius:5px;background: url('https://stat.ameba.jp/user_images/20240304/12/migomigo7/7f/93/j/o0600100015408978604.jpg') repeat-y center top/100% auto; border-radius:5px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);margin:20px auto;"><div style="padding:10px;"><div style="padding:20px;background-color:rgba(255,255,255,0.9);border-radius: 5px;border:1px solid #fff;"><p style="background:none;">ここに文章を入力してください！</p></div></div></div><p>&nbsp;</p>

▼----  Design Sample2----▼

         ↓ ↓ ↓

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！
ここに文章を入力してください！

◇　HTMLコード ◇

<p>&nbsp;</p><div style="border-radius:5px;background: url('https://stat.ameba.jp/user_images/20240304/12/migomigo7/e7/57/j/o0600100015408978600.jpg') repeat-y center top/100% auto; border-radius:5px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);margin:20px auto;"><div style="padding:10px;"><div style="padding:20px;background-color:rgba(255,255,255,0.9);border-radius: 5px;border:1px solid #fff;"><p style="background:none;">ここに文章を入力してください！</p></div></div></div><p>&nbsp;</p>

▼----  Design Sample3----▼

         ↓ ↓ ↓

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

◇　HTMLコード ◇

<p>&nbsp;</p><div style="border-radius:5px;background: url('https://stat.ameba.jp/user_images/20240304/12/migomigo7/4f/52/j/o0600100015408978592.jpg') repeat-y center top/100% auto; border-radius:5px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);margin:20px auto;"><div style="padding:10px;"><div style="padding:20px;background-color:rgba(255,255,255,0.9);border:2px solid #fff;border-radius: 5px;"><p style="background:none;">ここに文章を入力してください！</p></div></div></div><p>&nbsp;</p>

▼----  Design Sample4----▼

         ↓ ↓ ↓

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

◇　HTMLコード ◇

<p>&nbsp;</p><div style="border-radius:5px;background: url('https://stat.ameba.jp/user_images/20240304/12/migomigo7/ad/40/j/o0600100015408978591.jpg') repeat-y center top/100% auto;"><div style="padding:10px;border-radius:5px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);margin:20px auto;"><div style="padding:20px;background-color:rgba(255,255,255,0.9);border:2px solid #fff;"><p style="background:none;">ここに文章を入力してください！</p></div></div></div><p>&nbsp;</p>

▼----  Design Sample5----▼

         ↓ ↓ ↓

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

◇　HTMLコード ◇

<p>&nbsp;</p><div style="border-radius:5px;background: url('https://stat.ameba.jp/user_images/20240304/12/migomigo7/92/4d/j/o0600100015408978595.jpg') repeat-y center top/100% auto;"><div style="padding:10px;border-radius:5px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);margin:20px auto;"><div style="padding:20px;background-color:rgba(255,255,255,0.9);border:2px solid #fff;"><p style="background:none;">ここに文章を入力してください！</p></div></div></div><p>&nbsp;</p>

▼----  Design Sample6----▼

         ↓ ↓ ↓

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

ここに文章を入力してください！

◇　HTMLコード ◇

<p>&nbsp;</p><div style="border-radius:5px;background: url('https://stat.ameba.jp/user_images/20240304/12/migomigo7/f9/9c/j/o0600100015408978598.jpg') repeat-y center top/100% auto;"><div style="padding:10px;border-radius:5px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);margin:20px auto;"><div style="padding:20px;background-color:rgba(255,255,255,0.9);border:2px solid #fff;"><p style="background:none;">ここに文章を入力してください！</p></div></div></div><p>&nbsp;</p>

以上の6点、

ご利用いただけると嬉しいです
ご覧いただき、ありがとうございました♪

＼過去の投稿はこちら／

〜    〜

公園シリーズ［1］

『［CSS装飾］公園に行けば心が整う・思考が進む！コピペで使えるアメブロデザイン』

公園シリーズ［2］

『［CSS装飾］公園シリーズ２！背景画像をコピペで使えるアメブロデザイン』

爽やか編［1］

『［CSS装飾］爽やかな室内背景を使って清潔感を印象付ける！コピペで使えるアメブロ投稿デザイン』

花柄シリーズ［1］

『［CSS装飾］花柄背景で強調させる！コピペで使えるアメブロ投稿デザイン』

後藤美和子の

LINE公式アカウントはこちら

↓　↓　↓

気軽にLINEメッセージを送ってください！

( ID: @238peydi )

ホームページを作りたいのに、動けない人に足りないもの

こんにちは
Webデザイナーの後藤美和子です。

前回まで

ホームページを作りたいのに進めない理由

SNSだけでは不安になりやすい理由

ホームページを作る前に決めておきたい3つのこと

ホームページに何を載せたらいいのか？

文章が書けないときに整理したいこと

プロフィールページに書きたいこと

サービス紹介ページで申し込みに繋がる書き方とは

トップページの第一印象で大切な考え方とは

トップ画像とキャッチコピーで大切なこと

キャッチコピーが思いつかないときに整理すること

売上に繋がるキャッチコピーを考えるとき

キャッチコピーに添えるサブコピーで伝えること

トップページに載せる自己紹介はどこまで必要？

トップページにお客様の声は必要？信頼感に繋がる見せ方とは

まだお客様の声がないときはどうする？別の方法とは

結局、信頼されるホームページって何を整えるのか？

ここまでの記事では
信頼されるホームページにするために
大切なことを少しずつお話ししてきました。


でも実際には、


「ホームページを作った方がいいのはわかっている」
「このままではいけないとも思っている」
「本当はちゃんと整えたい」


そう感じながらも
なかなか動けない人がとても多いです。

実は、
これは特別なことではありません

むしろ、
女性起業家さんのお話を伺っていると
この状態にいる人の方が多いのではないか
と感じるくらいです。

今日は


ホームページを作りたいのに
動けない人に足りないもの


について、少し踏み込んで
お話ししたいと思います。

 動けないのは
やる気がないから？

まず最初にお伝えしたいのは

動けないのは
やる気がないからではない

ということです。

必要だとわかっている。
やった方がいいとわかっている。
それでも進まない

この状態になるのは
意志が弱いからでも
能力が低いからでもありません

多くの場合
足りていないのは


行動に変わる環境です。

例えば、


何から始めればいいのかが整理できていない
優先順位が決められない
一人だと判断に迷って止まる
日々の業務に追われて後回しになる
相談しながら進める相手がいない


こうした状態では、
どれだけ「やらなきゃ」と思っていても
進みにくくなります

問題は気持ちではなく
進めるための土台が整っていないこと
なんです

 後回しになるのは
よくあること？

ホームページ準備に限らず
人は

大事だけれど
緊急ではないこと

を後回しにしやすいものです

例えば
 

• 今すぐ困っているわけではない
• SNSでも何となく発信はできている
• 紹介でお仕事が入ることもある
• 毎日やることがたくさんある

こうした状況だと
ホームページ作りは
どうしても後回しになりやすいです

でも実際には
 

• サービスの魅力がうまく伝わっていない
• 申し込み導線が整っていない
• 信頼感が十分に見える形になっていない
• 機会損失が起きている

ということも少なくありません

つまり

後回しにしている間にも
失っているものがある

ということです。

ここに気づけるかどうかは
とても大きいと思います

 足りないのは「知識」より
「本気で向き合う〇〇」

ここで、かなり大事なことを
お伝えします。


ホームページを作れない人に
足りないのは


知識そのものではない
場合が多いんです

もちろん
知識は必要です


でも
知識だけで進められるなら


もうとっくに動けている人も
多いはずです

本当に足りないのは

本気で向き合う環境

です。

例えば
 

• 一緒に整理してくれる人がいる
• 何を優先すべきか明確になる
• 自分の強みや魅力を言葉にしてもらえる
• 止まったときに相談できる
• 期限や流れが見える

こうした環境があると
人は進みやすくなります

逆に
一人で全部やろうとすると


考えることが多すぎて
止まりやすくなりますね

 制作だけではなく
整理と覚悟が必要

ホームページは
ただ作ればいいものではありません

本当に必要なのは
 

• 誰に届けたいのか
• 何を申し込んでほしいのか
• どんな未来を見せたいのか
• 自分はどんな価値を届けたいのか

を整理することです。

そしてその整理は


時に
自分のビジネスと本気で向き合う
ことでもあります

だからこそ
動けない人に必要なのは


単なる制作サービスだけではなく
考えを整理し
行動に変えていく伴走


なのです。

 本気で取り組むきっかけは
一人では作りにくいことも

「自分でちゃんと考えなきゃ」
「一人でやれるようにならなきゃ」


そう思って頑張っている人ほど
実は止まりやすいことがあります

なぜなら
一人だと
 

• 思考が堂々巡りになる
• 判断ができずに時間だけ過ぎる
• “まだ早いかも”と自分でブレーキをかける
• 完璧にしようとして進まない

ということが起きやすいからです

だからこそ、


一緒に進める相手がいること
は、とても大きな意味を持ちます。

相談できる。
整理できる。
進める順番が見える。
背中を押してもらえる。

この環境があると
「わかっているのに動けない」

が、

「まずここからやってみよう」
に変わりやすくなります

 行動できる人は
最初から強い人ではない！

ここで誤解してほしくないのは
行動できる人は
最初から特別に強い人ではない
ということです。

動ける人は


必要性を理解して
向き合う環境を作って
小さくても進める形に落とし込んでいる


だけなのです

つまり
行動できるかどうかは
性格ではなく


環境と設計の問題
であることが多いんです

後回しにしている人ほど
整理する価値があります

もし今

• ホームページを作りたいけれど止まっている
• 必要だとわかっているのに動けない
• やらなきゃと思いながら後回しにしている

そんな状態にいるなら
必要なのは
もっと頑張ることではありません

必要なのは
進めるために整理すること
です。

何に迷っているのか
何が決められないのか
何を先に整えるべきなのか


ここが見えるだけでも
人は動きやすくなります

• 行動に変わる環境
• 本気で向き合う時間
• 一緒に整理してくれる相手
• 進める順番の見える化
• 止まらず進めるための伴走

もし今


「このままではいけないと思っている」
「本当はちゃんと整えたい」
「でも一人だと進まない」


と感じているなら
その気持ちは
次に進むための大切なサイン
かもしれません

まずは
止まっている理由を整理する
ところから始めてみてくださいね

次回は、


ホームページを整えるだけでは
売上に繋がらない？
申し込みが入る人の考え方とは


について
もう一歩踏み込んで
お話ししていきます

最後までお読みいただき

ありがとうございました❤️

ホームページを整えたい気持ちはあるのに動けない人や、一人では止まってしまう方は、個別相談で一緒に整理することもできます。

まずは“本気で進める環境作り”から始めてみませんか。

後藤美和子の

LINE公式アカウントはこちら

↓　↓　↓

気軽にLINEメッセージを送ってください！

( ID: @238peydi )

Webデザイナー 後藤美和子

 自己紹介

    

現在、私はホームページ制作、ランディングページ制作、パソコンサポートを通して、女性起業家さんの発信と集客導線づくりをお手伝いしています。

お話をうかがう中で、こんなお悩みを持つ方がとても多いと感じています。

「ホームページを作りたいけれど、何から始めればいいかわからない」

「必要だとは思っているのに、ずっと後回しになっている」

「SNSやアメブロで発信しているけれど、このままでいいのか不安」

「パソコンや専門用語が苦手で、一歩が踏み出せない」
 

実は、そんなお気持ちを抱えている方は本当に多いんです。

このブログでは、パソコンが苦手な方でも安心して読めるように、

＊ホームページ準備

＊発信の整え方
＊申し込みに繋がる導線づくり

について、やさしくわかりやすく発信していきます。

難しいことを難しいままで終わらせず、

“今の自分にできる一歩”

が見えるようにサポートすることを大切にしています。


一人で悩んで止まってしまう前に、まずは整理するところから♪　個別相談では、あなたに合った進め方を一緒に考えていきます。

結局、信頼されるホームページって何を整えればいいの？

こんにちは
Webデザイナーの後藤美和子です。

前回まで

ホームページを作りたいのに進めない理由

SNSだけでは不安になりやすい理由

ホームページを作る前に決めておきたい3つのこと

ホームページに何を載せたらいいのか？

文章が書けないときに整理したいこと

プロフィールページに書きたいこと

サービス紹介ページで申し込みに繋がる書き方とは

トップページの第一印象で大切な考え方とは

トップ画像とキャッチコピーで大切なこと

キャッチコピーが思いつかないときに整理すること

売上に繋がるキャッチコピーを考えるとき

キャッチコピーに添えるサブコピーで伝えること

トップページに載せる自己紹介はどこまで必要？

トップページにお客様の声は必要？信頼感に繋がる見せ方とは

まだお客様の声がないときはどうする？別の方法とは

についてお話ししてきました。

ここまで読んでくださった方の中には、


「少しずつ大切なことは
　わかってきた」

「でも、結局どこを整えると
　信頼されやすくなるの？」

「ホームページ全体としては
　何が大事なんだろう？」


と感じている人も
いらっしゃるかもしれません

今回は、

＊・・＊
結局、信頼されるホームページって
何を整えればいいの？
＊・・＊

について全体の考え方を
お話しします

ホームページというと
デザイン、文章、写真
キャッチコピー、導線など
考えることがたくさんあります。


でも実は
信頼されるホームページに
するために大切なことは
そこまで複雑ではありません。

今回は、
はじめてホームページを作る人にも
わかりやすいように
信頼感に繋がる土台を5つご紹介します

 誰に向けたホームページなのか

まず最初に大切なのは


このホームページは
どんな人のためのものなのか


が見えることです

ここが曖昧だと
読んだ人は


「自分に関係あるのかな？」
「何のサービスなのかな？」
「ちょっと違うかも…」


と感じやすくなってしまいます

逆に


ホームページを作りたいけれど
　何から始めればいいかわからない
　女性起業家さんへ
 

発信しているのに
　申し込みに繋がらず悩んでいる人へ
 

パソコンが苦手でも
　安心して進めたい人へ


このように
誰に向けたものなのかが見えると


「これ、私のことかもしれない」


と感じてもらいやすくなります

信頼感というと


立派な実績やデザインを
思い浮かべる人も多いかもしれません。
 

でも実際には、まず


自分に関係あるホームページだ
と感じてもらえること


が、とても大切なんです

 何をしている人なのかがわかること

次に大切なのは、

何をしている人なのかが
わかりやすいこと

です。

これはとても基本的なことですが
意外と見落とされやすいところ
でもあります

例えば
見た目は素敵でも


どんなサービスなのか
何をお願いできるのか
どんな悩みに対応しているのか


がわかりにくいと
読んだ人は不安になってしまいます

信頼されるホームページは
おしゃれなだけではなく


内容がわかること
が大切です。

特に
はじめてあなたのホームページに訪問し
ページを見てくれる人は
あなたのことを未だよく知りません！

だからこそ
あなたが何をしている人なのかが
自然に見えることが大切ですね

 どんな人が運営しているのか
が伝わること

信頼感に大きく関わるのが

どんな人が携わっているのか

が伝わることです。

特に個人で活動しているお仕事では
サービスそのものだけでなく


「この人は話しやすそうかな」
「ちゃんとわかってくれそうかな」
「安心して相談できそうかな」


という気持ちが
とても大きく影響します

そのため
ホームページには
 

• 自己紹介
• 仕事への想い
• 大切にしていること
• どんな人をサポートしたいのか

が少しでも見えると
安心感に繋がりやすくなります

これは
長いプロフィールを書けばよい
ということではありません。


大切なのは
人柄や姿勢が少し見えることです。

そして
信頼感は大きく変わります。

 安心して相談できそうと思えること

ホームページを見ている人は
内容を読めば読むほど


「ちょっと相談してみたいかも」
「でもまだ早いかな…」
「私みたいな状態でも大丈夫かな…」


という気持ちになることがあります。

だからこそ
信頼されるホームページには


安心して相談できそう
と思える言葉が必要です。

例えば
 

• まだ整理できていない段階でも大丈夫です
• パソコンが苦手な人にもわかりやすくご説明します
• 今の状況に合わせて、一緒に進め方を考えていきます
• 一人ひとりのペースに合わせてサポートします

こうした言葉があるだけでも
読み手の不安はかなり和らぎます

信頼感というのは
立派に見せることだけではなく


不安を軽くすること
でも生まれるんですよね〜

 次にどうすればいいのかが
わかること

最後に大切なのは
読者が


次にどう動けばいいのかがわかること
です

信頼感があっても
次の行動がわからなければ

読んだ人は止まってしまいます

例えば


・個別相談はこちら
・サービス内容はこちら
・詳しいプロフィールはこちら
・お問い合わせはこちら


このように
次の行動がわかりやすいことも大切です

読んだ人が


「で、どうしたらいいの？」


と迷わないことは
安心感にも繋がります。

つまり信頼されるホームページは
ただ情報を並べるだけでなく


やさしく次の一歩を
案内してくれるホームページ


でもあるのです

 信頼感は
すごく見せることではなく
わかりやすく整えること

ここまで見ていただくとわかるように
信頼されるホームページに必要なのは


何か特別に立派なことばかり
ではありません

例えば、


・誰に向けているのかが見える
・何をしているのかがわかる
・どんな人なのかが伝わる
・安心して相談できそうと思える
・次の行動がわかる


このように
必要なことが
わかりやすく整っていること

がとても大切です。

ホームページは
ただきれいに作れば
信頼されるわけではありません


逆に、豪華でなくても
必要なことがやさしく整理
されているホームページは
とても信頼されやすいです

どれも
特別なテクニックというより

読者が安心して読み進められる
状態を作ること

に繋がっています。

そして、

細かなデザインや表現を考える前に
この土台が整うだけでも

ホームページ全体の伝わり方は
大きく変わってきます

次回は、

ホームページを作りたいのに
動けない人に足りないものとは

について、お話ししていきます

最後までお読みいただき

ありがとうございました❤️

ホームページ全体で何を整えると信頼感に繋がるのか迷っている人や、自分のサービスをどのように見せたら安心してもらいやすいか整理したい方は、個別相談で一緒に整理することもできます。

ひとりで悩み続ける前に
まずは、“信頼感の土台”を整えるところから始めてみませんか。

後藤美和子の

LINE公式アカウントはこちら

↓　↓　↓

気軽にLINEメッセージを送ってください！

( ID: @238peydi )

Webデザイナー 後藤美和子

 自己紹介

    

現在、私はホームページ制作、ランディングページ制作、パソコンサポートを通して、女性起業家さんの発信と集客導線づくりをお手伝いしています。

お話をうかがう中で、こんなお悩みを持つ方がとても多いと感じています。

「ホームページを作りたいけれど、何から始めればいいかわからない」

「必要だとは思っているのに、ずっと後回しになっている」

「SNSやアメブロで発信しているけれど、このままでいいのか不安」

「パソコンや専門用語が苦手で、一歩が踏み出せない」
 

実は、そんなお気持ちを抱えている方は本当に多いんです。

このブログでは、パソコンが苦手な方でも安心して読めるように、

＊ホームページ準備

＊発信の整え方
＊申し込みに繋がる導線づくり

について、やさしくわかりやすく発信していきます。

難しいことを難しいままで終わらせず、

“今の自分にできる一歩”

が見えるようにサポートすることを大切にしています。


一人で悩んで止まってしまう前に、まずは整理するところから♪　個別相談では、あなたに合った進め方を一緒に考えていきます。

まだお客様の声がないときはどうする？信頼感を伝える別の方法

こんにちは
Webデザイナーの後藤美和子です。

前回まで

• ホームページを作りたいのに進めない理由
• SNSだけでは不安になりやすい理由
• ホームページを作る前に決めておきたい3つのこと
• ホームページに何を載せたらいいのか？
• 文章が書けないときに整理したいこと
• プロフィールページに書きたいこと
• サービス紹介ページで申し込みに繋がる書き方とは
• トップページの第一印象で大切な考え方とは
• トップ画像とキャッチコピーで大切なこと
• キャッチコピーが思いつかないときに整理すること
• 売上に繋がるキャッチコピーを考えるとき
• キャッチコピーに添えるサブコピーで伝えること
• トップページに載せる自己紹介はどこまで必要？
• トップページにお客様の声は必要？信頼感に繋がる見せ方とは

についてお話ししてきました。

今回は、

＊・・＊
まだお客様の声がないときはどうする？
信頼感を伝える別の方法
＊・・＊

についてお話ししますね

お客様の声は、
ホームページを見た人にとって


「本当にお願いして大丈夫かな？」
「私にも合っているかな？」
「安心して相談できそうかな？」


という気持ちを和らげる
大切な安心材料になります

でも一方で


「まだお客様の声がないんです」
「新しいサービスだから、掲載できる感想がない」
「これから実績を増やしていく段階です」


という方も
いらっしゃいますよね

そんなとき、


「お客様の声がないと
　ホームページは作れないのかな、、」
 

「信頼感が出せないのでは、、」


と不安になってしまうことも
あると思います

でも、大丈夫です。


お客様の声がまだないからといって
信頼感を伝えられない
わけではありません

 お客様の声がなくても
信頼感は作れる

まず最初にお伝えしたいのは、
ホームページの信頼感は


お客様の声だけで作られるものではない
ということです

もちろん、お客様の声があると
安心感は高まりやすいです。
 

でも、信頼感というのは
それだけで決まるものではありませんね

例えば、
 

• どんな人がやっているのかがわかる
• どんな想いで仕事をしているのかが伝わる
• 何をしてくれるのかが明確
• 説明がやさしくてわかりやすい
• 不安に寄り添う言葉がある

こうしたことも
信頼感に大きく繋がっています

つまり、お客様の声がまだなくても
伝え方を整えることで
信頼感は十分作っていけんです

 「どんな人がやっているのか」
を見える化する

お客様の声がないときほど
まず意識したいのが


どんな人が活動しているのか
をしっかり見せることです。

ホームページを見ている方は
サービス内容と同じくらい


「この人はどんな方なんだろう」
「相談しやすそうかな」
「ちゃんとわかってくれそうかな」


ということを感じています

だからこそ、
 

• 自己紹介
• 仕事への想い
• 大切にしていること
• どんな方をサポートしたいのか

が見えるだけでも、
安心感はかなり変わります

人柄が見えること
そのものが信頼感に
繋がりやすいですね

 サービス内容をわかりやすく
伝えること

信頼感が生まれにくい理由のひとつに

サービス内容がよくわからない

ということがあります。

逆に言うと
 

• 何をしてくれるのか
• どんな方に向いているのか
• どんな流れで進むのか
• 受けるとどうなれるのか

がわかりやすく書かれていると
それだけで安心してもらいやすくなります

お客様の声がないときこそ
サービスページやトップページの説明を
丁寧に整えておくことが大切ですね

「何となく良さそう」だけではなく
ちゃんと理解できること
が信頼感に繋がるポイントです。

 実績が少なくても
「経験」や「背景」は伝えられる

「まだお客様の声がない」
と感じていても


実はまったく何もない
わけではない方も多いんですよ

例えば、
 

• これまで学んできたこと
• 関連する仕事経験
• 講師経験
• サポートしてきた内容
• 自分自身が悩んできた経験

こうしたことも、
十分に信頼感の材料になります

もちろん、
実績を大きく見せる必要はありません。

でも、


どうしてこの仕事をしているのか

どんな経験を通して今のサービスに繋がっているのか


を伝えるだけでも
読む人の安心感は変わります

 「よくある質問」
を整えるのも効果的

お客様の声がないときに
オススメなのが

よくある質問

を整えることです

人は申し込む前に
たくさんの不安を感じています。


例えば、
 

• まだサービス内容が整理できていなくても相談していいですか？
• パソコンが苦手でも大丈夫ですか？
• 何を準備したらいいですか？
• 無理に契約をすすめられることはありませんか？

こうした不安に
先回りして答えておくと


「ちゃんと考えてくれているんだな」
「安心して相談できそう」


と思っていただきやすくなります。

お客様の声がなくても
不安に寄り添う言葉があるだけで


ホームページの安心感は
かなり変わるんです

 お客様の声の代わりに
「想定される変化」を見せる

お客様の声がまだない場合は

このサービスを受けると
どんな変化に繋がるのか

を丁寧に見せることも大切です

例えば、私の場合
 

• 一人で止まっていたホームページ準備が進めやすくなる
• 発信と申し込み導線が整理される
• 自分のサービス内容がわかりやすくなる
• 安心して相談される見せ方が整う

このように、
未来の変化を伝えることで
読んだ人はイメージしやすくなります

お客様の声は
「実際の変化」


を伝えるものですが
まだそれがない段階では


どんな変化を目指している
サービスなのか


を、わかりやすく書いておく
ことが大切です

 「相談しやすさ」を言葉で伝える

特に、
相談系・サポート系のお仕事では


読んでいる人が
感じていることとして


「こんな初歩的なことを聞いていいのかな…」
「まだお願いする段階じゃないかもしれない…」
「私みたいな状態でも大丈夫かな…」


という不安です。

だからこそ、


お客様の声がないときは
なおさら


相談しやすさ


を言葉で伝えることが大切です

例えば、


まだ整理できていない段階でも大丈夫です
 

一人ひとりの状況に合わせて進めていきます

パソコンが苦手な方にもわかりやすくご説明します

まずは今の状況を整理するところから始められます


このような一言があるだけでも
安心感が増しますよ

 これからお客様の声を
集めやすくする工夫

今はまだお客様の声がなくても
これから少しずつ集めていくことはできます。

そのためには、
サービス提供後に
 

• どんなことで悩んでいたか
• 受ける前はどんな不安があったか
• 実際に受けてどう感じたか
• どんな変化があったか

を聞いてみることが
オススメです

ただし、最初から長い文章を
お願いしなくても
 

• 一言の感想
• アンケート形式
• メッセージの一部

などから始めても大丈夫です。

お客様の声がない今は


信頼感を別の方法で整えながら
今後集めていく準備をしておく


という考え方でOKです

例えば、私の場合
このような見せ方ができます。

• パソコンが苦手な方にも
  わかりやすくサポートしています
   

• ホームページ制作だけでなく
  発信や申し込み導線の整理も
  一緒に行っています
   

• 女性起業家さんが
  一人で止まってしまわないよう
  やさしく整理しながら進めています
   

• まずは今の状況や想いを伺いながら
  必要な形を一緒に考えていきます

こうした言葉があるだけでも

「ちゃんと寄り添ってもらえそう」
「難しすぎなさそう」
「相談してみても大丈夫かも」

と感じてもらいやすくなります。

今ある材料で
信頼感が伝わる見せ方
を整えること

次回は、

結局、信頼されるホームページって
何を整えればいいの？

について、お話ししていきます

最後までお読みいただき

ありがとうございました❤️

お客様の声がまだない状態で、どのように信頼感を伝えたらよいか迷っている方や、ホームページの見せ方を整理したい方は、個別相談で一緒に整理することもできます。

ひとりで悩み続ける前に
まずは、“今ある材料で伝わる見せ方”を整えるところから始めてみませんか。

後藤美和子の

LINE公式アカウントはこちら

↓　↓　↓

気軽にLINEメッセージを送ってください！

( ID: @238peydi )

Webデザイナー 後藤美和子

 自己紹介

    

現在、私はホームページ制作、ランディングページ制作、パソコンサポートを通して、女性起業家さんの発信と集客導線づくりをお手伝いしています。

お話をうかがう中で、こんなお悩みを持つ方がとても多いと感じています。

「ホームページを作りたいけれど、何から始めればいいかわからない」

「必要だとは思っているのに、ずっと後回しになっている」

「SNSやアメブロで発信しているけれど、このままでいいのか不安」

「パソコンや専門用語が苦手で、一歩が踏み出せない」
 

実は、そんなお気持ちを抱えている方は本当に多いんです。

このブログでは、パソコンが苦手な方でも安心して読めるように、

＊ホームページ準備

＊発信の整え方
＊申し込みに繋がる導線づくり

について、やさしくわかりやすく発信していきます。

難しいことを難しいままで終わらせず、

“今の自分にできる一歩”

が見えるようにサポートすることを大切にしています。


一人で悩んで止まってしまう前に、まずは整理するところから♪　個別相談では、あなたに合った進め方を一緒に考えていきます。