制作概要

自身のスキルや制作実績を紹介するポートフォリオサイトです。コーディング・Webデザイン・画像制作・フロントエンド開発の4つのスキルを軸に構成し、訪問者が直感的に内容を把握できるシンプルなデザインを心がけました。

こだわりポイント

固定ヘッダーにスクロール連動のスタイル変化を実装し、視認性を高めました。ヒーローセクションには全画面背景を採用し、インパクトのある第一印象を演出しています。またWorksセクションはカテゴリ→一覧→詳細の3階層構造とし、作品を体系的に見せられるよう工夫しました。レスポンシブ対応により、スマートフォンでも快適に閲覧できます。

デザインのテーマ

トップのヒーロー画像には、私が最も好きな動物であるハシビロコウを起用しました。独特の存在感と静けさを持つハシビロコウのイメージに合わせ、サイト全体のカラーパレットは深みのあるグリーン・グレーを基調としています。「一目見たら忘れられない」そんなハシビロコウのような、見た人の印象に残るポートフォリオを目指しました。