すりガラスレイヤー
概要
ABOUT
概要

Webデザイナーとしての活動や制作実績をまとめたポートフォリオサイトです。
「自分の世界観と、人に寄り添うデザイン」をテーマに、訪れた人が自然と私の人となりを感じ取れるような空気感を大切にしました。
シンプルでありながらも、ふわっと優しく心に残るサイトを目指しています。

制作期間
企画・情報設計
1週間
デザイン
1週間
コーディング
2週間
WordPress実装
1週間
合計:5週間
使用ツール
Figma / HTML / CSS / JavaScript / WordPress / FTP Server
PCデザインダイジェスト
もっと詳しく
DETAILS
課題

ポートフォリオは「技術を見せる場」であると同時に、「人となりを感じてもらう場」。
堅すぎず、でも軽すぎない“ちょうどいい距離感”をどう表現するかに悩みました。
見た目だけでなく、操作感やアニメーションの心地よさも含めて「私らしさ」を感じてもらえるよう意識しています。

目的
  • 自身のデザインスキルと表現力を総合的に発信する
  • クライアントに「安心して依頼できる」と感じてもらう
  • 自分らしい柔らかさと誠実さを伝えることで、長くお付き合いできる関係づくりのきっかけとする
ターゲット
  • デザインやWeb制作の依頼を検討している個人事業主・中小企業の担当者
  • 一緒にプロジェクトを進めてみたいと思ってくださるデザイン関係者
  • 私の制作スタイルや人柄を知りたい採用担当者・クライアント
デザイン
カラー
「春・夏・秋・冬」から好きなシーズンを選ぶことで、配色が切り替わる仕掛けを実装。
見る人の気分や季節に寄り添えるような“遊び心”をプラスしました。
動作
ふわふわと浮遊するオブジェクトやアニメーションで、柔らかい印象とともに、「見ていて心地よい動き」を目指しました。
過剰な演出ではなく、呼吸をするように自然に変化するアニメーションを意識。
レイアウト
可読性を損なわず、静けさと温もりのバランスを意識したタイポグラフィ設計。
全体トーン
透明感のある配色と丸みのある要素で、優しさ・信頼感・誠実さを表現しました。
情報設計
  • TOPで私の雰囲気とコンセプトを伝え、スクロールに沿って自然に「スキル → 実績 → 人となり」が分かる構成に。
  • 作品ごとに制作意図・課題解決・工夫を記載し、単なるビジュアル紹介に留まらないストーリー性を意識。
  • ナビゲーションやアニメーションはシンプルで直感的にし、訪問者が迷わず心地よくサイトを回遊できるよう設計。
完成図
DESIGN
PCデザイン全体
SPデザイン全体