自主制作

ポートフォリオ(このサイト)

企画 / デザイン / コーディング / 写真

作品のモックアップ

概要

クリエイターとしてのスキルと制作実績を網羅した、自身のポートフォリオサイトです。「想いを形にする」という制作理念を反映し、訪問者に安心感と信頼感を与えるデザインを目指しました。

このサイト

※本サイトは現在、実績の追加やアニメーションの拡充、レスポンシブ対応など、継続的なアップデートを行っております。

目的

実務レベルのコーディングスキルと、デザインの意図を論理的に説明できる思考プロセスを証明し、即戦力として貢献できることを伝えること。

課題

未経験からでも、企画・設計・実装までを一貫して完結できる完遂能力と、学習への意欲をいかに視覚的に伝えるか。

制作範囲

企画 / デザイン / コーディング / 写真 / イラスト

ツール

Figma , Illustrator , Photoshop , HTML , CSS , canva , Procreate

こだわったポイント

メインビジュアルには、旅行に行った際に撮影した朝焼けの鳥取砂丘の写真を採用しました。「いつまでも冒険心を忘れずに挑戦し続ける」という自身の制作姿勢を象徴させています。
サイト全体は「その人の体温が伝わるデザイン」を軸に、温かみのあるアイボリー(#FFF7EB)とブラウンを基調にした配色を選定し、親しみやすさと信頼感の両立を図りました。
また、Aboutセクションには自作のイラストを添えることで、デジタルな中にもアナログの温もりを感じさせる工夫をしています。

デザインのポイント

カラー

ベース:#FFF7EB

アクセントカラー

#ECF3CE
#E0B9C2
#CDC1DF
#C6E3DE

フォント

Noto Sans JP
#815A5A
Works一覧へ戻る