WordPressで管理栄養士さんのホームページを作成

フリーランスの管理栄養士さんからホームページの作成のご依頼があり、この度Wordpressにて作成させて頂きました。

実際のホームページはこちら

ご依頼された経緯

もともとアメブロで活動されていたみたいですが、今回ご自身のオフィシャルホームページを作りたいということでした。

色々ヒアリングした結果、以降もご自身でブログ等を更新していきたいというお話でしたので、初心者さんでも簡単にブログを更新していけるWordpressで作成することにしました。

ご希望のデザインをテンプレートの中から選んでもらい、それをベースにHTMLやCSSでご依頼者様のご希望を聞きながらお作りしました!

以前のホームページとどう変わったのか?

もともとアメブロで活動していたということでしたので、そのページを見せてもらいました。

プロフィールページについて

まずプロフィールページは以下のようになっておりました。

やはり元がアメブロなので少し見辛いという所感を受けました…。

プロフィールページについても「極力シンプルにしたい」というご要望を頂いておりましたので、大きい写真を使う形で、サイドメニューは何もないようなページにしました。

新しく作成したプロフィールページは下記の通りです。

画像等は全てご依頼者様から、ご自身の設定したいものをご提供頂きました。

実際のプロフィールページはこちらでご確認できます。

お問い合わせページについて

お問い合わせページも、元々はformzuで作られたとても簡素なものでした。

今回はせっかくWordpressで作ったので、formzuの簡素なお問い合わせページに飛ばすリンクを作成するのではなく、直接ホームページに置く形にしました。

今回作成するホームページのコンセプトはシンプルなホワイトな作りに、ピンクを差し色にするものでしたので、お問い合わせページも同様なイメージで作成を行いました。

「必須」と「任意」が分かりやすくなり、ホームページともマッチする形になったと思います。

ご依頼者には「既存のお問い合わせページにリンクを貼るだけのつもりだったので嬉しい」と喜んで頂けました。

補足ですが、GoogleのreCAPTCHAを使ってスパム対策も実施しています。

お問い合わせページの右下にアイコンがあると思いますが、それがreCAPTCHAを使用している証です。

通常、Wordpressでお問い合わせページを作ると非常に多くのスパムメッセージが来ますので、スパム対策は必須となります。

ちょっとしたこだわり

今回作成したWebサイトは、通常テキストに「じゅん 201」、太字のテキストに「じゅん 501」のフォントを設定しています。

Webサイトはフォントで印象がかなり変わります。

例えば、私がよく使うフォントに「UD新ゴ R」がありますが、それと比べると以下のようになります。

違いが分かるでしょうか?
実際にホームページ見ると、フォントでかなり印象が変わってきます。

「じゅん 201」を利用すると、より柔らかい印象のWebページになります。
NeeNetではWebにおけるフォント選びはとても重要だと考えております。

  • URLをコピーしました!