WEB SITE
WEB SITE / PORTFOLIO
自身のスキルや制作実績を紹介するポートフォリオサイトです。コーディング・Webデザイン・画像制作・フロントエンド開発の4つのサービスを軸に構成し、訪問者が直感的に内容を把握できるシンプルなデザインを心がけました。
固定ヘッダーにスクロール連動のスタイル変化を実装し、視認性を高めました。ヒーローセクションには全画面背景を採用し、インパクトのある第一印象を演出しています。またWorksセクションはカテゴリ→一覧→詳細の3階層構造とし、作品を体系的に見せられるよう工夫しました。レスポンシブ対応により、スマートフォンでも快適に閲覧できます。
トップのヒーロー画像には、私が最も好きな動物であるハシビロコウを起用しました。独特の存在感と静けさを持つハシビロコウのイメージに合わせ、サイト全体のカラーパレットは深みのあるグリーン・グレーを基調としています。「一目見たら忘れられない」そんなハシビロコウのような、見た人の印象に残るポートフォリオを目指しました。
課題
技術力の証明だけでなく「依頼したい」と思わせる営業力を同時に設計する必要があった。ポートフォリオが"作品集"で終わってはいけない。
施策
ハシビロコウをブランドキャラクターに設定して視覚的差別化。成果訴求コピー・無料相談CTA・価格表・おすすめターゲットを盛り込んだ営業導線を設計。
結果
「記憶に残る個性」と「問い合わせへ誘導する営業設計」を兼ね備えたポートフォリオが完成。ChatGPT評価で 8.8 / 10 を獲得。