WEBCOACHで学習したWebデザイン課題の一環として、歯科医院のLPを題材にFigmaで模写制作を行いました。 PC版とスマホ版のLPデザインを作成し、ファーストビューからCTAまでの流れや、ユーザーに行動してもらうための情報設計について学びました。 ●制作目的： LPの構成理解、ファーストビュー設計、視線誘導、CTA設計、レスポンシブデザイン、Figmaでのデザイン制作スキル向上 ●使用ツール： Figma ●制作範囲： Figmaでのデザイン模写 PC版・スマホ版のLPレイアウト制作 ファーストビュー、サービス紹介、CTA部分のデザイン制作 ●学んだこと： LPでは、Webサイトよりも「申し込み」や「予約」などの行動につなげる導線が重要になることを学びました。情報の優先順位、余白、文字サイズ、CTAボタンの配置を調整することで、見やすさや伝わりやすさが大きく変わることを実感しました。 また、PC版とスマホ版では画面幅に合わせて見せ方を変える必要があり、スマホでも読みやすく、行動しやすいレイアウトを意識する大切さを学びました。 ※WEBCOACHの学習課題として制作した模写作品です。 ※実案件ではありません。 ※実装は行っておらず、Figma上で制作したデザインカンプです。