家族が選ぶ視点で設計する。Smile HouseのWebサイトデザイン

クライアントワーク /web design
portfolio 2025 smilehouse blog

概要

地域に根ざした高齢者向け住宅「Smile House」の公式Webサイトリニューアル。初めて施設を検討するご家族にも安心感を与えられるよう、施設の雰囲気が伝わる写真と、分かりやすい導線設計を重視し制作しました。
住宅型有料老人ホームとデイサービスを併設した施設の特徴や、日常の様子を丁寧に紹介し、利用検討者が知りたい情報へ自然にたどり着ける構成に仕上げています。

目的

ご高齢の方やそのご家族に対して、
・安心感のある施設であること
・サポート体制が分かりやすく伝わること
・「見学・相談したい」と思ってもらえる導線づくり
を目的にデザインしました。 施設の想いや取り組みが伝わるよう、写真の見せ方や余白の設計を丁寧に行い、柔らかく親しみやすい印象を目指しました。

ターゲット

主ターゲット
・ご高齢の方の入居を検討しているご家族・親族
・日常のケア体制や雰囲気を重視する層
サブターゲット
・地域で介護サービスを探している本人
・ケアマネージャーや医療
・福祉関係者(紹介のために閲覧)

情報設計

訪問者の多くが「不安を解消したい」という心理で閲覧する点を踏まえ、必要な情報に迷わずたどり着くシンプルな導線設計を実施。
・施設紹介・日常の様子・取り組み
・住宅型老人ホームとデイサービスを分けてわかりやすく表示
・見学予約・お問い合わせを分岐した導線を毎ページに配置
写真 → 取り組み → 料金 → 相談 という自然な流れを構築

デザイン

ロゴカラーである柔らかいグリーンを基調に、「清潔感・安心感」を重視
・施設スタッフの優しさが伝わるよう、明るい写真を大きく使用
・高齢の方にも読みやすいゆとりのあるレイアウト・文字サイズ ・角丸や淡い色のグラデーションを使い、親しみやすい印象に統一
写真を中心に「日常の温かさ」を感じてもらえるデザインを心がけました。

制作範囲

ワイヤー設計・構成設計・デザイン(Figma)

制作期間

構成設計・ワイヤーフレーム:1週間
デザイン:1週間

smilehouse pc 1
smilehouse pc 2
smilehouse pc 3
smilehouse pc 4
smilehouse pc 5
smilehouse sp 1
smilehouse sp 2
smilehouse sp 3
smilehouse sp 4
smilehouse sp 5
smilehouse sp 6
smilehouse sp 7
smilehouse sp 8
上部へスクロール