●コーディングしたサイト サイトURL： https://harukaze-46.github.io/hidamaribento-Sample/index.html 【AIでお題作成】ひだまり弁当（サイト） ・制作期間 デザイン　10日　コーディング　４日 ・使用ソフト デザイン　Illustrator / Photoshop コーディング　 VScode サイト掲載　　GitHub ・画像使用 freepik　　https://jp.freepik.com/app ・AI画像使用 Google Gemini AIの「Copilot」でお題を作成しました。 ●お題概要　 『ひだまり弁当」のサイト これまで店舗のみで展開していたところから、 新しくサイトを立ち上げてより多くの人に魅力を伝えていきたい ●ターゲット ・サイトをきっかけに興味を持つ新規層 ・手作りの安心感ある食事を求める人 ・やさしい味付け・食べやすさを好む人 ・コンビニ弁当より“家庭的な弁当”を選びたい層 ・健康志向・安全志向の幅広い年代 ----------------------------------------------------------------- お弁当屋さんのサイトは、シンプルで温かみのある雰囲気をテーマに、モバイルファーストで設計しました。ロゴは、ひだまりの太陽とお米を抱きしめる可愛らしいデザインに仕上げ、ロゴに使ったひだまりのような色に合わせて、背景には柔らかい色合いを採用しています。サイト全体はなるべくシンプルでわかりやすい構成にし、強調したい文字には黄色を使用することで視認性を高めました。文字色には茶色を選び、全体に温かみと統一感を持たせています。 ・難しかった点 初めてモバイルファーストのサイト制作に取り組んだため、コーディングの段階では慣れない点が多く、特にレイアウト調整に苦労しました。また、アクセントカラーとして使用した黄色は、ウェブサイト上では文字が読みづらくなる場面があり、配色の難しさを実感しました。