
担当箇所:デザイン・コーディング・レスポンシブ対応
使用ツール:Illustrator・Photoshop・figma・VScode・ChatGPT
制作時間:画面デザイン(約8 時間)・ プログラミング(約40 時間)
現在は公開されていない、実家である「常光寺」のサイトをリニューアルする、という想定で、figma でデザインを制作し、それをもとに HTML・CSS・JavaScript を使用して制作しました。
JavaScript 部分などに ChatGPT を活用しています。
誰が見ても、どこに何があるかわかりやすいよう、シンプルな画面デザインにしています。
豆知識部分は文字量が多かったため、アコーディオンメニューを採用しました。
サイトトップの寺紋と、スライドメニュー上の寺紋がピタッと重なるようにするのが難しかったです。
画像を新しく用意できなかった部分は、既存のものを使用しているため、画像が荒い部分があります。