Works

案件名

宗教法人 勝立寺

支援内容
Webサイト設計、デザイン、コーディング、撮影、CMS構築(WordPress)
プロジェクト期間
2025/2/3~2025/4/30
URL
https://shoryuji-tenjin.com/

POINT 制作 のポイント

お客様のご要望

  • 支援内容

  • Webサイト設計、デザイン、コーディング、撮影、CMS構築(WordPress)

  • プロジェクト期間

こだわり・アプローチ

① 納骨堂の魅力を引き立てるファーストビュー設計
ファーストビューで納骨堂の印象的なビジュアルを配置し、サービスの主軸が一目で伝わる設計としています。テキスト情報を絞り、視覚的な訴求を優先することで、第一印象のインパクトを高めています。興味を持ったユーザーをそのまま下層コンテンツへ誘導する役割を持たせています。

② アクセスの良さを訴求する情報配置
天神からのアクセスの良さを明確に伝えるため、位置情報や導線を分かりやすく整理しています。立地の利便性を強みとして打ち出すことで、ユーザーの来訪ハードルを下げる設計としています。検討段階での不安要素を解消する役割を担っています。

③ デザイン性と可読性を両立したUI設計
黒ベースのデザインは視認性が下がりやすいため、文字色や余白、写真の明るさでバランスを調整しています。デザイン性を優先しつつも、情報が読み取りづらくならないよう設計しています。結果として、印象的でありながら実用性も担保したUIとなっています。

VISUAL GALLERY

冒頭から「荘厳で凛とした空間」というコンセプトを明確に打ち出し、写真を中心に構成しています。テキストで説明する前に空間の雰囲気を視覚的に伝えることで、納骨堂の価値を直感的に理解できる設計としています。結果として、“場所の良さ”を第一印象で伝える構成になっています。
また、位牌壇と納骨壇という混同されやすい要素について、それぞれの役割を分けて説明しています。「何をどこに納めるのか」を明確にすることで、専門知識がないユーザーでも理解できる構成になっています。単なる説明ではなく、誤解を防ぐための情報設計が行われています。

 

黒ベースのデザインは視認性が低下しやすい傾向があるため、単に配色を整えるだけでなく、文字色のコントラストや余白設計、写真の明るさ・トーンまで細かく調整しています。特にテキスト部分は白や淡い色をベースにしつつ、背景とのコントラスト比を意識することで、長時間閲覧してもストレスを感じにくい可読性を確保しています。さらに、要素同士の間隔を広めに取ることで視線の流れを整理し、どこに注目すべきかが直感的に分かるレイアウトにしています。加えて、写真についても暗すぎない明るさに補正し、黒ベースの中でも情報が沈まないようバランスを調整しています。これにより、デザイン性の高さを維持しながらも、実用性や情報の伝わりやすさを損なわないUI設計を実現しています。

実績一覧に戻る