サイトを見る↗
TORANII graphics website

グラフィックデザイン事務所「TORANII graphics」様のWebサイト制作実績です。
情緒あるビジュアルと余白を活かした世界観設計を軸に、ブランドイメージの向上と新規お問い合わせ導線を目的としてデザイン・コーディングを行いました。
レスポンシブ対応により、スマートフォンでも没入感のある閲覧体験を実現しています。

課題（Challenges）

• 依頼ルートがSNSや知人の紹介に限定されており、新規窓口が不足していた。
• 過去の実績が各プラットフォームに分散し、体系立てて強みを提示できていなかった。

解決策（Solution）

• 撮影スタイルを整理し、初見のユーザーでも活動内容が直感的に伝わる構造を設計。
• 信頼感を醸成するポートフォリオサイトを構築し、プロとしての公式窓口を確立。

ターゲット設計（Target）

• メインターゲット
  クラブイベント主催者、アニソンDJ・VJの方々
• サブターゲット
  創作コスプレのポートレート撮影を希望するコスプレイヤー
• ペルソナ
  「自分たちの活動をよりプロフェッショナルに見せたい」「独自の世界観を理解してくれるカメラマンに依頼したい」と考えている、表現にこだわりのある層。

目的（Goal）

1. 認知拡大と新規窓口の確立
   知人経由の依頼だけでなく、Webサイトを通じて新規のイベント撮影・宣材写真案件を獲得する。
2. ブランディングの強化
   過去の実績を整理して見せることで、大規模イベントの公式カメラマンとしての信頼を獲得する。
3. コンバージョンへの導線
   3つの異なる撮影スタイルを明確に提示し、スムーズな問い合わせ（依頼）へと繋げる。

設計・デザインの意図

ブランドサイト制作において重要な「世界観の統一」「情報設計」「ユーザー導線」を意識し、見た目の美しさと成果の両立を目指しました。

• 情報の構造化（UI設計）
  多様なジャンルの撮影を行っているため、ユーザーが迷わないよう「3つの撮影スタイル」を軸に構成。各スタイルごとのギャラリーへ瞬時にアクセスできるよう、トップページからの導線を最適化しました。
• 没入感を生むビジュアルデザイン
  写真が主役となるよう、ベースカラーは彩度を抑えた白と黒のみで構成。余白を贅沢に使い、タイポグラフィの配置を計算することで、スクロールするたびに写真の世界観に没入できるような「ギャラリーのような体験」を目指しました。
• レスポンシブへの配慮
  スマートフォンユーザー（現場での確認やSNS経由）を想定し、モバイル環境でも情報の優先順位が崩れないレイアウトを採用。視認性と操作性を担保しつつ、PC版の洗練された印象を損なわないよう設計しています。

制作概要

• 制作範囲
  ディレクション / UIデザイン / HTML CSSコーディング / JavaScript実装
• 使用ツール
  Figma / Photoshop / HTML / CSS / JavaScript
• 制作期間
  2週間（デザイン：1週間 / コーディング：1週間 ）
• ページ構成
  全9ページ（トップ、撮影プラン、ギャラリー、実績一覧、コンタクト等）

サイトを見る↗
TORANII graphics website