納品時のスクリーンショット

パソコン版

スマートフォン版

プロジェクト概要

成果・効果

Google検索結果での表示順位（公開から6か月後）

イラク人医師の研修に関するキーワードで、Google検索結果での上位表示が増えました。

• 「イラク人 研修」1位・5位/約87万件中
• 「イラク 医師 研修」1位・4位/約42万件中
• 「イラク 医師」7位/約433万件中
• 「イラク 小児がん」7位/約65万件中
• 「イラク 子ども がん」9位/約143万件中

（2024年7月2日現在）

お客さまのお悩み・課題

「一番困っているのは、手がつけられない状態になっていること」

長年更新されず放置されたホームページ

• ホームページの管理体制が確立されておらず、更新が完全に停止している状態。
• 約20年前の情報が掲載されたまま更新が止まっており、情報が古くなっている。
• 特定の担当者のみが更新可能な形式で作成されているため、組織全体で情報を更新できない。

SNSでの情報発信の限界

• Facebookページは開設しているものの、情報が断片的で活動内容が伝わりにくい。
• 問い合わせの度に、詳細を説明しなければならない。

助成金申請とホームページの重要性

• 助成金申請の際に、ホームページの有無を確認される。
• 団体の信頼性を証明するために、最新の情報が掲載されたホームページが必須である。

「保護されていない通信」警告表示

• ホームページが常時SSL化に対応していない。
• ブラウザのアドレスバーに「保護されていない通信」と警告が表示される。

ご要望

• 複数メンバーで更新可能なホームページを希望。
• WordPressの基本的な操作（記事投稿、テキスト修正等）は可能なため、日々の活動報告を自分たちで投稿したい。
• サイト全体の構築は困難なため、主要ページの制作を依頼したい。
• Facebook、Instagramの投稿をホームページに、自動的に表示させたい。

はなウェブからのご提案

Webサイトの管理・運営体制

WordPressを導入し、複数人でのサイト運営が可能に

リニューアル前は、HTMLとCSSで構築された静的なウェブサイトでした。
今回のリニューアルでは、専門知識がなくても更新できるWordPressを導入し、複数人でのサイト運営を可能にしました。

コンテンツの最適化と効率化

コンテンツ整理による情報発信の効率化

サイト構築にあたり、日記のように時系列で発信できるコンテンツと、独立したページで掲載する情報を整理しました。
これにより、サイト訪問者は必要な情報をスムーズに見つけられるようになり、情報発信の効率も向上します。

研修受け入れ効率化のための情報集約

医療機関へのイラク人医師研修受け入れ要請の際に、毎回伝えていた内容をまとめたページを作成することで、説明の手間が大幅に削減され、交渉を効率的に進められるようになります。

SNS連携とWebサイトのパフォーマンス向上

SNSへの誘導はボタンを配置して誘導

SNSのタイムラインをウェブサイトに埋め込むと、ページの読み込み速度が遅くなることがあり、検索結果の順位に悪影響を及ぼす可能性が高くなります。
各ページの文末にFacebookとInstagramのボタンを配置し、各SNSへの誘導を行うことで、ウェブサイトの表示速度を維持しながら、SNSへのアクセスも促進できるようになります。

常時SSL化でセキュリティ強化

セキュリティ強化と信頼性向上

常時SSL化（常時HTTPS化）とは、Webサイトの全てのページにおいて通信を暗号化するセキュリティ対策です。これにより、Webサイトと訪問者の間で交わされるデータのやり取りが暗号化されます。

その結果、第三者によるデータの盗聴や改ざんといった不正行為を防止できます。
また、訪問者に安心感を与え、Webサイトの信頼性向上にもつながります。
さらに、検索エンジンによるWebサイトのランキング評価を高める効果も期待できます。

制作のポイント

視認性を高めるサイトアイコンの改善

サイトアイコンの文字が細く、ブラウザのタブや検索結果で視認性が低かったため、文字を太くして再制作いただきました。これにより、アイコンの視認性が向上しました。

サイトアイコン（ファビコン）とは、ウェブサイトを象徴する小さなアイコンで、ブラウザのタブ、ブックマーク、検索結果などに表示されます。
複数のタブを開いている際や、ブックマーク一覧などで、ウェブサイトを視覚的に識別しやすくする役割を果たします。

イラク国旗の色彩をヒントに、穏やかで優しい配色

イラクの国旗は、赤、白、黒の横じま模様で、真ん中の白い部分に緑色の文字が書かれています。
この国旗に使われている色と、ニュースレターで使われている色をヒントに、Webサイト全体が優しく落ち着いた雰囲気に見えるような配色にしました。

• 緑色：イスラム教の象徴として
• 白色：寛容、寛大さ、平和の象徴として
• 黒色：過去の抑圧と勝利の象徴として

色の対比で訴求力を強化：寄付・参加ボタン

NPO法人セイブ・イラクチルドレン・名古屋さまのブランドカラーである明るいオレンジ色をメインカラーに使い、寄付や参加を促すボタンにはオレンジ色と対照的な緑色を選んでいます。
オレンジと緑を一緒に使うことで、それぞれの色がよりハッキリして、ボタンが訪問者の目に留まりやすくしました。

緑色は安心感や信頼感を与えるだけでなく、行動を促す心理効果も期待できるため、お問い合わせボタンに利用することでユーザーの行動喚起に繋がると考えられます。

配色（カラーコード・色見本）

#dd5f0f		メインカラー （基調となる主要な色）
#fdfdfb		ベースカラー （背景色）
#39a030		アクセントカラー （ポイントとなる強調色）

制作内容の詳細

サイト仕様

お客さま情報

関連記事

&kids 川井航さま（東京都）年長～中学生までの「五感」を育む運動教室

鍼灸院ひなた 清澄白河院（東京都）心身ともに支える鍼灸院

愛知学生会館（東京都）愛知県出身大学生のための男子学生寮

coco à coco（千葉県）SRTスピリチュアルカウンセラー

つながる輪（全国）小児血液・固形腫瘍患者家族の会

手をつなごう。／小児がん患児家族のコミュニティサイト

自分で修正・更新・保守できる
WordPressのホームページ制作

詳細を見る

ビジネスサイトが作りやすいテーマLightning採用

• Facebook
• X
• Hatena
• Pocket
• Copy

カテゴリー

ホームページ制作実績

主な担当範囲

SEO対策、Webサイト構造設計、WordPressサイト構築、コーディング、デザイン、記事構成案の作成

担当範囲の詳細

WordPressセキュリティ対策、WordPressテーマのカスタマイズ、WordPressテーマ導入・設定、WordPressプラグイン導入・設定、マニュアル作成、常時SSL化設定、画像編集、画像選定、簡易的なSEO対策、進行管理

テーマ

Lightning G3

制作種別

リニューアル