コンセプト

ポジティブ＆ユーザーフレンドリーをコンセプトに、生前に納骨骨堂の購入を検討している方と、ご遺族の方の2つのステークホルダーに違和感なくアプローチできるUIデザインを行いました。

また、ターゲットの年齢層を考慮し、基本のフォントサイズを大きめにデザインしています。

UI上は、ワンビュー上に収まっていた方が良い部分がありますが、そこはフォントサイズ優先でデザインしています。

デザイン

納骨堂という事柄を扱うにあたり、華美ではいけないがネガティブなイメージも与えたくないという希望を受けていくつかカラーパターンを作り、提案を行いました。

情報を探しながらでも違和感なく納骨堂の検索ができるように意識してUIをデザインしました。

概要

メインカラム（左側）とサイドバー（右側）の2カラム構成。

全ページ共通で追尾ヘッダーを実装しています。

メインカラム

ターゲットの年齢層を考慮して大きめのリストでデザインしています。

コンテンツ下部に納骨堂の人気ランキングや納骨堂の選び方についての導線を置くことで離脱を回避を意識しています。

サイドカラム

納骨堂の検索やシチュエーション別リストの切り替え、よく読まれている記事など、UI補助を最大限に行っています。

概要

一覧で納骨堂を探す方にとってすぐに確認したいのは、納骨堂の特徴です。それを考慮して納骨堂が持つ特徴をタグにして一覧で見れるようにしています。

概要

納骨堂の詳細画面です。情報は管理画面から入力いただきます。