Facebook 木漏れ日のような世界観を伝える写真家WEBサイトデザイン
Logo

木漏れ日のような世界観を伝える写真家WEBサイトデザイン

クレジット
Avatar
UIデザイナー
UXデザイナー
木漏れ日のような世界観を伝える写真家WEBサイトデザイン-1
シェア

木漏れ日のような世界観を伝える写真家WEBサイトデザイン

【制作の背景と目的】 知人の写真家(imadamaiko氏)が公式サイトを持っておらず、InstagramからのDMやLINEでの個別やり取りに多くの時間を費やしているという課題がありました。 また、予約やプラン詳細、オプション(着付け等)の案内が断片的だったため、お客様が検討から申し込みに至るまでの負担(離脱リスク)を減らし、スムーズに予約できる導線を構築することを目的にサイトを制作しました。
 【ターゲット層】 * 誰に: 20代〜40代の子育て世帯(ライフイベントを控えた方)、Instagramをよく利用する層。 * いつ・どこで: 主にスマートフォンでの閲覧(朝の家事の合間や、子供を寝かしつけた後の21時〜23時など)を想定しています。 ※現在はファーストステップとして、世界観を固めるためのPC版デザインを制作。今後、スマホ版へのレスポンシブ展開を予定しています。
 【デザイン・設計のポイント(5W1Hに基づく工夫)】 1. コンセプトと人柄を伝える「世界観の構築」 写真家が大切にしている「こもれび」のような優しく温かみのある空気感を、WEBサイトのトンマナ(色・余白・フォント)に落とし込みました。 SNSだけでは伝わりにくい写真家の人柄や想いを丁寧に配置し、「この人なら大切な家族の節目を任せられる」という安心感を与えられる設計にしています。 2. 将来的なスマホ化を見据えた要素配置(情報網羅) これまで個別対応していた「撮影プラン」「着付けオプション」「100枚納品の詳細」などの必要情報を網羅しました。将来的にスマートフォン対応(レスポンシブ化)した際にも、要素の並び替えやコーディングがしやすいよう、あらかじめ整然としたレイアウト構造を意識して設計しています。 3. 迷わせない導線(UI/UXの工夫) LINEでの個別説明の手間を減らし、成約率を向上させるため、サイト内の各所に分かりやすく「予約・お問い合わせ」ボタンを配置。検討から申し込みまで、ストレスなく専用フォームへスムーズに誘導できる体験を設計しました。 【制作概要】 * 制作時期: 2026年4月3週間 * 担当範囲: 企画・要件定義(5W1H設計)、情報設計(ワイヤーフレーム)、UIデザイン、コーディング検証 * 使用ツール: Figma(プラグイン:Anima)、Illustrator
クレジット
Avatar
UIデザイナー
UXデザイナー
シェア
木谷佳織の他の作品
foriio

あなたのforiioを無料で作成

fori.io/
木漏れ日のような世界観を伝える写真家WEBサイトデザイン-1

木漏れ日のような世界観を伝える写真家WEBサイトデザイン

【制作の背景と目的】 知人の写真家(imadamaiko氏)が公式サイトを持っておらず、InstagramからのDMやLINEでの個別やり取りに多くの時間を費やしているという課題がありました。 また、予約やプラン詳細、オプション(着付け等)の案内が断片的だったため、お客様が検討から申し込みに至るまでの負担(離脱リスク)を減らし、スムーズに予約できる導線を構築することを目的にサイトを制作しました。
 【ターゲット層】 * 誰に: 20代〜40代の子育て世帯(ライフイベントを控えた方)、Instagramをよく利用する層。 * いつ・どこで: 主にスマートフォンでの閲覧(朝の家事の合間や、子供を寝かしつけた後の21時〜23時など)を想定しています。 ※現在はファーストステップとして、世界観を固めるためのPC版デザインを制作。今後、スマホ版へのレスポンシブ展開を予定しています。
 【デザイン・設計のポイント(5W1Hに基づく工夫)】 1. コンセプトと人柄を伝える「世界観の構築」 写真家が大切にしている「こもれび」のような優しく温かみのある空気感を、WEBサイトのトンマナ(色・余白・フォント)に落とし込みました。 SNSだけでは伝わりにくい写真家の人柄や想いを丁寧に配置し、「この人なら大切な家族の節目を任せられる」という安心感を与えられる設計にしています。 2. 将来的なスマホ化を見据えた要素配置(情報網羅) これまで個別対応していた「撮影プラン」「着付けオプション」「100枚納品の詳細」などの必要情報を網羅しました。将来的にスマートフォン対応(レスポンシブ化)した際にも、要素の並び替えやコーディングがしやすいよう、あらかじめ整然としたレイアウト構造を意識して設計しています。 3. 迷わせない導線(UI/UXの工夫) LINEでの個別説明の手間を減らし、成約率を向上させるため、サイト内の各所に分かりやすく「予約・お問い合わせ」ボタンを配置。検討から申し込みまで、ストレスなく専用フォームへスムーズに誘導できる体験を設計しました。 【制作概要】 * 制作時期: 2026年4月3週間 * 担当範囲: 企画・要件定義(5W1H設計)、情報設計(ワイヤーフレーム)、UIデザイン、コーディング検証 * 使用ツール: Figma(プラグイン:Anima)、Illustrator
クレジット
Avatar
UIデザイナー
UXデザイナー
シェア
木谷佳織の他の作品
foriio

あなたのforiioを無料で作成

fori.io/