FXサービスのHPデザイン

概要

Webデザインスクールにて、FX取引サイト「mindFX」を題材に模写練習を行いました。

デザイン再現だけでなく、要素の配置意図や情報設計を分析し、金融系サイトに求められる信頼感・明瞭さ・操作性を意識して制作しています。

目的・狙い

• 構成・配色・余白・フォント階層の再現を通じて実践的なデザインスキルを習得
• 金融系WebデザインのUI設計とアクセシビリティの理解を深める
• レスポンシブを意識した画面構成分析と実装練習

学び・工夫した点

• 黒とオレンジの配色バランスにより信頼性と行動喚起の両立を表現
• 見出し階層とグリッド構成の分析を通じ、整った印象を作る余白設計を習得
• 金融サイト特有の数値表・CTA・導線設計を丁寧に再現