歯科医院Webサイト 模写デザイン WEBCOACHで学習したWebデザイン課題の一環として、歯科医院のWebサイトを題材にFigmaで模写制作を行いました。 HOME、診療案内、アクセス・診療時間、WEB予約、スマホ版メニュー、スタイルガイドを作成し、PC版とスマホ版それぞれのレイアウトや、サイト全体の導線設計について学びました。 ●制作目的： Webサイトの構成理解、余白設計、視線誘導、レスポンシブデザイン、Figmaでのデザイン制作スキル向上 ●使用ツール： Figma ●制作範囲： Figmaでのデザイン模写 PC版・スマホ版のレイアウト制作 スタイルガイド作成 ●学んだこと： 余白や文字サイズの調整によって、情報の見やすさや印象が大きく変わることを学びました。また、PC版とスマホ版では同じ内容でも見せ方を変える必要があり、レスポンシブを意識した設計の大切さを実感しました。 ※WEBCOACHの学習課題として制作した模写作品です。 ※実案件ではありません。 ※実装は行っておらず、Figma上で制作したデザインカンプです。