Logo

ポートフォリオサイト制作|Claude Code活用

クレジット
Avatar
WEBデザイナー
ポートフォリオサイト制作|Claude Code活用-1
シェア

ポートフォリオサイト制作|Claude Code活用

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

あなたのforiioを無料で作成

fori.io/
Logo
ポートフォリオサイト制作|Claude Code活用-1

ポートフォリオサイト制作|Claude Code活用

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

あなたのforiioを無料で作成

fori.io/