01 / Original
元サイトを制作
サイトの企画、デザイン、HTML・CSSでの制作を行いました。
Website / Personal project
Programming
School
以前制作したITスクールサイトを、Claudeを活用してリデザイン。
Overview
自分で制作したサイトを、
AIと一緒に見直しました。
以前制作したプログラミングスクールのサイトをもとに、Claudeを活用してリデザインした自主制作です。
働きながら学び直したい30〜40代を想定し、若々しさだけに寄せず、落ち着きと信頼感のあるスクールサイトを目指しました。
- 制作種別
- 自主制作・AI活用
- ターゲット
- 働きながら学び直したい30〜40代
- 元サイト
- 企画・デザイン・制作：riyu
- 担当範囲
- 元サイト制作、AIへの指示、リデザイン案の確認
- 使用ツール
- Figma / HTML / CSS / Claude
AI Workflow
AIに任せきりにせず、
元の意図を軸に方向性を選定。
02 / Redesign
Claudeを活用
元サイトとターゲットをもとに、リデザインの方向性を指示しました。
03 / Review
提案内容を確認
ターゲットに合う印象か、情報が伝わりやすいかを確認しました。
#1A2233
#F7F5F0
#8F6F3F
Design Point
ネイビーとゴールドで、
信頼感と落ち着きを。
深いネイビーを軸に、ゴールドをアクセントとして使用。社会人が安心して検討できる、上質で落ち着いた印象に整えています。
余白を広く取り、情報をグループごとに整理することで、コースや料金を読み進めやすい構成にしました。