WORKS.

クライアントワーク

サワラアユ様ポートフォリオ

Design / Coding　　計8ページ

※公開前のため、ポートフォリオサイト内の作例写真はフリー素材（Unsplush）に差し替えています。

制作概要

Outline

概要

出張カメラマンをしているサワラアユ様のポートフォリオを制作しました。
クライアント情報

クライアント名：サワラアユ
国内外で出張カメラマンとして活動。業務委託元のサイトを通じて撮影予約を受け付け、依頼者の希望の現場に赴いて写真撮影を行っている。
課題

カメラマンとして活動しているが、ポートフォリオサイトを保有しておらず、作品は Instagramおよび業務委託元のサイトに掲載しているのみの状態。
目的

サイトを通じて撮影者の人物像や、写真の仕上がり、作風を依頼者に事前に確認してもらい、依頼時や撮影時に安心感を持ってもらう。
ターゲット

20代～30代の女性やカップル、夫婦。カップルフォトを撮影したい方。ウェディングフォトを撮影したい方。被写体として活動しており、作品撮りをしたい方。
制作範囲/期間

企画：3日
デザイン：2週間
実装：2.5週間
使用ツール

Figma / Visual Studio Code
サイトリンク

現在公開準備中

詳細

Detail

情報設計

全体構成は、クライアントの「スクロール量を少なくしたい」という要望を軸に、1画面で完結する設計を基本としました。どのデバイスでも主要情報が視認できるよう構成し、必要な導線を最小限に整理しています。フッターには「Contact」リンクのみを配置し、どのページからでもスムーズに予約へ進める導線を確保しました。また、Aboutページでは、クライアントの顔写真を大きく掲載することで安心感と信頼感を演出し、「撮影に対する思い」や「大切にしている価値観」を掲載することで人柄が伝わるようにしています。 Worksページはテーマごとに分類し、閲覧者が求める写真スタイルを直感的に見つけられる構成としました。
デザイン

全体のデザインは、コンセプトである「シンプルさ」と「透明感」を軸に構築しました。写真そのものの美しさを引き立てるため、装飾やグラフィック要素は極力抑え、余白と配色のバランスで清潔感を表現しています。また、ページ遷移や写真の出現アニメーションに軽やかな動きを加えることで、静的な印象にならないよう配慮し、閲覧体験の中で印象が深まる設計としました。さらに、クライアント名「サワラアユ」にちなみ、魚や海を連想させるモチーフをさりげなく配置。統一感の中に遊び心を添え、親しみやすく記憶に残るデザインに仕上げています。

フォント：
シンプルでありながら柔らかい印象を持つ「Zen Kaku Gothic New」を採用し、読みやすさとデザインの調和を意識しました。

配色：
清潔感を与える白をベースに、爽やかで透明感のあるスカイブルーをアクセントカラーとして使用しています。