NAST Homestay

コーポレートサイトリニューアル

NAST Homestay様のホームページリニューアルを行いました。

概要

愛知県で学生向けホームステイツアーを提供されている NAST Homestay（ナスト・ホームステイ）様のホームページリニューアルをご依頼いただきました。
クライアントは英語でのやり取りをご希望でしたので弊社の英語スタッフがディレクションを担当し、サイト構成・デザイン等については日本人スタッフも交えて進行することで、より日本人ユーザーにとって分かりやすいホームページを目指しました。
また、今回のリニューアルでレスポンシブWebデザインを採用することで、スマートフォンやタブレット端末からも見やすいホームページへと生まれ変わりました。

デザイン

サイトデザイン

配色

元サイトは茶色が主体のデザインとなっていましたが変更しても問題ないとのことでしたので、深みのあるグリーンをキーカラーに採用しサイトの雰囲気を一新いたしました。元サイトが持っていた落ち着いたクラッシックな雰囲気はそのまま受け継ぎつつも、すっきりとした白ベースを採用し、淡くやさしいグリーンとライトグレーを取り入れることで、爽やかな明るさと優しい印象を両立させました。

レスポンシブウェブデザインの採用

最近ご依頼を多くいただくようになったレスポンシブWebデザインをこちらのホームページにも採用いたしました。レスポンシブWebデザインは、ブラウザ幅によりレイアウトが変化するため、画面幅に応じてレイアウトを最適化することが可能です。一般的に若い世代のユーザーは、パソコン以外のスマートフォンやタブレット端末からアクセスする割合が多いため、主なユーザー層が学生となるこちらのホームページに採用することは、直帰率を下げページ滞在時間を増やすための効果的な施策として期待できます。

Web以外のデザイン制作

ホームページ制作と合わせてロゴデザイン制作、チラシデザイン制作のご依頼もいただきました。まとめてご依頼いただくことでデータの共有がスムーズに行えプロジェクトをスピーディーに進行することができました。また媒体の種類が異なってもブランドイメージが統一されるよう配慮して制作をおこないました。

機能開発

コンテンツ投稿機能

今後も更新される可能性が高い「ツアー情報」と「ステイ先情報」などのカスタムコンテンツタイプを設けました。コンテンツのテンプレートに基づいて定められた情報を入力するだけで自動的にページが作成され、一覧ページやトップページなど任意の関連ページにも自動で表示されるため、更新が容易でクライアントにとってもユーザーにとっても便利で使いやすい仕様となっております。

スライドショー

ホームページのページ上部で留学先の様子を紹介するスライドショー機能を搭載しました。 jカルーセルという JavaScript / jQuery のライブラリと Drupal のモジュールを使用して実現しており、クライアント自身で好きな写真に入れ替えることができます。

お問い合わせフォーム

Drupalの機能の中でも人気の高い、「Webform」モジュールを使用し、お問い合わせフォームを構築しました。学生向けのサイトですので、ユーザーの大学名や、学部・学科といった情報が入力できるよう設定しています。お問い合わせフォームによって、ユーザーが通常のメールには書かないと思われる情報を、ホームページを通じてお聞きすることが可能です。サイト管理者にとって、利点はもう一つあります。お問い合わせフォームを使用することで、管理者のメールアドレスを公開する必要がありませんので、スパムメールの受信を防ぐことができます。

ブログ

今回クライアントからのご要望で、サイト内にブログを設置しました。文章、画像、You Tube動画を簡単に設置できるよう設定しております。写真や動画などのコンテンツと関連性の高いブログを更新すると、SEOへの効果も期待できます。

ブログの通知システム

クライアントから、ユーザーがブログの新着記事をすぐにチェックできる、通知システムの追加への強いご要望がありました。 Drupalの「Mailchimp」モジュールを使用し、サブスクリプション・インターフェースをサイトに追加することが可能となりました。投稿通知の登録者の管理は、無料サービス（2000人の加入まで）を通して、Mailchimp上で行われています。「Rules」というDrupalモジュールを使用し、新しいブログが投稿されると、登録者にメールによる通知を送信する機能を設定しました。

案件概要

クライアント名	NAST Homestay 様
URL	http://www.nasthomestay.org/
Drupal バージョン	Drupal 7
ジャンル	コーポレートサイト
デバイス	PC／スマートフォン／タブレット
当社スコープ	デザイン／Drupal導入／コーディング
プロジェクト期間	約2ヶ月