• クライアントワーク
  • コーポレートサイト

株式会社スマイルクローバー

smile-clover.com

所属していたスクールの卒業制作として、株式会社スマイルクローバー様のWebサイトを新規制作させていただきました。
新規開業する障がい者グループホームのためのサイトということで、社名のスマイルクローバーより明るく爽やかな印象が伝えられるように設計しました。

株式会社スマイルクローバーのWEBサイトをMacBookとiphone Xに表示した画像
担当内容
  • 情報設計
  • 文案作成
  • ワイヤーフレーム
  • デザイン
  • 実装
※採用情報と施設紹介ページの一部、お問い合わせページを除く
使用ツール・言語
  • Figma
  • Visual Studio Code
  • HTML
  • CSS
  • JQuery
制作期間
2023年12月〜2024年01月(約2ヶ月)
目的
  • 入居希望者の獲得
  • スタッフの採用
課題
2024年2月に新規開業予定の障がい者グループホームの入居者とスタッフを獲得する。
ターゲット
将来的には家族と離れて自立を目指しているが、自分ひとりで生活を行っていくことに不安を抱いている障がい者の方々。
情報設計で意識したこと
どんなグループホームか知っていただけるように、まずサービスに対する想いをリード文に込め、興味関心を誘うようにしました。ページ中央にはサービスの強みのセクションを設置し、介助・食事・住環境のこだわりをターゲット層に訴求しました。施設紹介のセクションでは、現在の空室状況がわかるように空室の情報を配置しています。
また、新規入居者の獲得が目的のため、興味を持った方が電話番号や問い合わせページへアクセスしやすいように固定ヘッダーや各ページの下部にボタンを配置し目立つようにしました。
スマートフォンについては片手で押しやすいように、フッター固定で電話とメールのボタンを配置しています。
デザインで意識したこと
メインビジュアルはリード文の「あなたの笑顔が咲く家」というメッセージを訴求するため、笑顔の介助者と入居者様のイメージ画像を使用。全体的に明るい色使いと丸みのあるあしらい・フォントで、清潔感や安心感、親しみやすさがある雰囲気に仕上げました。
トップページのパソコン画面表示でのフルスクリーン画像 サービス概要ページのパソコン画面表示でのフルスクリーン画像 会社概要ページのパソコン画面表示でのフルスクリーン画像 男性専用グループホームページのパソコン画面表示でのフルスクリーン画像
トップページのスマホ画面表示でのフルスクリーン画像 サービス概要ページのスマホ画面表示でのフルスクリーン画像 会社概要ページのスマホ画面表示でのフルスクリーン画像 男性専用グループホームページのスマホ画面表示でのフルスクリーン画像