HerTechの課題での取り組みです。
◯使用ツール
- Figma を使用し、ワイヤーフレームからデザインカンプまで一貫して制作。
◯デザインの工夫
商品の色味に合わせたカラー設計
- リップクリームのブランドイメージに合う、女性らしい柔らかいカラーコードを採用。
- 全体のトーンを統一し、ブランドの世界観を演出。
視認性の高い見出し配置
- 見出しを中央に配置することで、ユーザーの視線を誘導し、情報が直感的に伝わるよう工夫。
CVボタンの最適化
- ボタンの高さとサイズを調整し、目立たせつつもデザインに馴染むように工夫。
- クリックしやすいように適切な余白を確保。
◯学んだこと
- Figmaを活用したデザインフローを理解し、効率的なUIデザインの作成方法を学習。
- ブランドの色味を活かしたデザインが、視覚的な一貫性を生むことを実感。
- 要素の配置や余白の重要性を再認識し、使いやすいデザインのポイントを学んだ。