Shiho Portfolio

写真館HP(自主制作)

案件サマリー

目的
写真館サイトの自主制作
制作期間
約2週間 2026年2月
ターゲット整理 TOPページデザイン 下層ページデザイン バナー制作

概要

架空の写真館サイトとして、TOPページ・コンセプトページ・メニューページを制作しました。
子どもがいる家族を主なターゲットに想定し、ナチュラルであたたかい世界観と、写真館らしい親しみやすさが伝わるデザインを目指しています。

背景・課題・対応

背景

指定されたコピーや本文テキストをもとに、架空の写真館サイトを自主制作しました。
子どもがいる家族を主なターゲットとして想定し、家族向け写真館らしいあたたかい世界観を設計しています。

課題

写真館のナチュラルで親しみやすい雰囲気を伝えながら、家族向けサービスであることが一目で分かるデザインにする必要がありました。
また、複数ページやバナーを含めて、サイト全体のトーンを統一することを意識しました。

対応

オレンジを基調にグリーンをアクセントとして使用し、丸みのあるあしらいで可愛らしい印象に整えました。
写真選定、文字の見せ方、バナーのトーンを揃え、家族向け写真館としての世界観が伝わるサイトにしています。

主な対応内容
  • 子どもがいる家族を主なターゲットとして想定
  • TOPページ、コンセプトページ、メニューページを制作
    • メインビジュアルと本文コンテンツのデザインを作成
    • サイドバナーを3枚制作
  • ナチュラルで可愛らしいトーンに統一
  • CMSは使用せず、静的サイトとして構築

成果物

TOPページデザイン

TOPページデザイン

担当範囲

TOPページでは、家族向け写真館であることが一目で伝わるよう、写真選定や配色、余白の取り方を調整しました。
サイト全体の第一印象として、ナチュラルであたたかい雰囲気が伝わるデザインを目指しています。

意識した点
  • 子どもがいる家族を主なターゲットとして想定し、写真や表現を選定する
  • 写真館のあたたかさや親しみやすさが伝わるようにする
    • ナチュラルで可愛らしい世界観をページ全体で統一する
    • オレンジを基調に、グリーンをアクセントとして使用する
  • 目立たせたいコピーが埋もれないよう、文字サイズや配置にメリハリをつける

メインビジュアルデザイン

メインビジュアルデザイン

サイトを開いた瞬間に、子どもや家族の写真を扱う写真館であることが伝わるメインビジュアルを制作しました。
指定された本文内容からターゲットを想定し、家族向けのやさしい印象が伝わる構成にしています。

意識した点
  • メインビジュアルだけで、サービス対象が家族層であることが伝わるようにする
  • 写真館らしい記念感と、親しみやすさの両方を表現する
  • ページ全体の色味や丸みのあるデザインと馴染むビジュアルにする
  • 視線が自然にメインコピーへ向かうよう、写真と文字の配置を調整する

サイドバナー制作

サイドバナー制作

TOPページ内に配置するサイドバナーを3枚制作しました。
メインビジュアルや本文コンテンツとテイストが揃うよう、写真選定や配色、丸みのあるあしらいを統一しています。

意識した点
  • 子どもや家族の印象が伝わる写真を選定する
  • バナー単体で目立たせつつ、ページ全体の雰囲気から浮かないようにする
  • メインビジュアルや本文コンテンツと色味・装飾のトーンを揃える
  • クリックしたくなる視認性と、写真館らしいやさしさの両方を意識する

下層ページデザイン

下層ページデザイン

担当範囲

コンセプトページとメニューページを制作しました。
TOPページで伝えた世界観を保ちながら、写真館の考え方やサービス内容を確認できるページとして整理しています。

意識した点
  • TOPページと下層ページでトーンが変わらないようにする
  • コンセプトページでは、写真館の雰囲気や大切にしている価値観が伝わるようにする
  • メニューページでは、サービス内容を確認しやすい構成にする
  • 必要な情報を見せながらも、硬くなりすぎないデザインにする

お問い合わせ

本サイトには問い合わせ機能はありません