橋本あさひのポートフォリオ｜保護猫カフェ「ひだまり結」Webサイト

Overview

案件概要

概要

デザインスキルを向上させるため、架空の保護猫カフェ「ひだまり結」様のサイトを作成しました。

AIを活用し、依頼者の課題やペルソナの悩みなどを考えサイトデザインしました。

目的

ターゲット

強み

課題

解決策

ペルソナ

制作ポイント

情報設計

ユーザーの知りたい情報の優先順位を考えセクションを配置しました。

単なるビジュアル訴求に留まらず、ファーストビュー直下に店舗の独自性を配置して直帰率を抑制しました。

さらに、スマホ閲覧時でも親指で押しやすい右側に「LINE・メール・電話」の問い合わせボタンを常時固定すること
で、ユーザーの疑問をその場で解決し、離脱を防ぐUI/UXを設計しました。
保護活動への認知拡大という目的を、
ユーザーの心理導線に合わせて構成した実用的なサイト設計となっています。

導線設計 TOPページ

クライアントの想いやお店の特徴をメインビジュアルのすぐ下に掲載することでブランドの独自性への共感を促し、下層のECや予約導線へのコンバージョン率を高める設計にしています。
右横に、LINE・メール・電話での問い合わせボタンを常時設置することで、疑問が生じた瞬間の離脱を防ぐことができるようにしました。
ハードルの低いLINE、確実性の高いメール、緊急性の高い電話と、ユーザーの状況に応じた選択肢を用意することで、コンバージョン（問い合わせ・予約）のハードルを最小限に下げる設計にしています。

名前や年齢、性別だけでなく、ユーザーの知りたかった性格やチャームポイントの情報を配置することで、来店前から特定の猫に対して「親近感」や「推し（お気に入り）」の感情を抱きやすく不安が解消されるような設計にしました。

カフェの利用案内だけでなく、オリジナルグッズや保護猫活動などの取り組みのセクションを交互に配置し、譲渡以外の活動の認知を図りました。単一の目的（来店）だけでなく、複数の顧客接点を狙った配置にしています。
ボランティア募集を１つのセクションとして設けることで、保護活動への真剣さや誠実さがユーザーへ伝わる設計にしました。

カフェの利用案内だけでなく、オリジナルグッズや保護猫活動などの取り組みのセクションを交互に配置し、譲渡以外の活動の認知を図りました。単一の目的（来店）だけでなく、複数の顧客接点を狙った配置にしています。
ボランティア募集を１つのセクションとして設けることで、保護活動への真剣さや誠実さがユーザーへ伝わる設計にしました。