【自主制作】ポートフォリオサイト制作|Claude Code活用
自身の制作実績・プロフィール・活動内容をまとめたポートフォリオサイトを制作しました。作品だけでなく、人柄や仕事への姿勢も伝え、お問い合わせにつながることを目指しています。
■ デザインの工夫
「目に留まるデザイン」という想いを、星空と焚き火のファーストビューで表現しました。
本文ではグリーンとアイボリーを基調に、イエローをアクセントとして使用。余白や文字の強弱を意識し、親しみやすさと読みやすさを大切にしました。
■ 構成・作品の見せ方
自己紹介・強み・制作実績・SNS・note記事・お問い合わせを掲載。
制作実績は横に切り替えて閲覧し、気になる作品を拡大できる構成にしました。各SNSやお問い合わせ先への導線もまとめています。
■ 制作方法
Claude Codeを活用し、構成や配色、画像、文章、レイアウトについて指示と調整を重ねて制作。Netlifyでの公開まで行いました。
使用ツール:Claude Code/Netlify/ChatGPT
公開URL
https://miho-yamaguchi.netlify.app