WEBCOACH｜ポートフォリオサイト制作
※デザイン課題として制作した架空サイトです。
WEBデザインスクール「WEBCOACH」を想定し、ポートフォリオサイトを制作しました。
PC・スマートフォン両対応のレスポンシブ設計です。
制作範囲
・トップページ
・制作実績一覧ページ
・制作実績詳細ページ
・プロフィールページ
・お問い合わせページ
使用ツール
・WordPress
・figma(デザイン制作)
制作期間
約5日
ターゲット
・WEBデザインを学習中の方
・ポートフォリオサイトを制作したい初学者
・スクール受講を検討している20〜30代
デザインコンセプト
「挑戦・成長・前向きさ」
オレンジのグラデーションを基調に、エネルギーとポジティブな印象を表現しました。
デザイン設計・意図
・ファーストビューに大きな「PORTFOLIO」表記を配置し印象を強化
・Worksセクションで制作カテゴリを視覚的に整理
・CTAボタンはオレンジで統一し、導線を明確化
・余白を広く取り、可読性を重視
・スマートフォン表示では縦スクロール設計で情報を整理
工夫した点
・PC / SPでレイアウトが崩れないようレスポンシブ調整
・一覧ページから詳細ページへ自然に遷移できる設計
・問い合わせフォームをシンプルに設計し離脱を防止