架空の老人ホームのHPをコーディング（Photoshop）

目次
1. サイトURL、認証パスワード
2. サイト名、サイトイメージ画像
3. 制作概要
4. 工夫したポイント(コーディング)
5. 工夫したポイント(オリジナルデザイン化)

1. サイトURL、認証パスワード

下記URLからご確認いただけます。リンク先にはBasic認証をかけていますのでユーザー名とパスワードのご入力をお願いします。

https://wp926642.wpx.jp/seiyoukai/seiyoukai.html

ユーザー名：hrsb
パスワード：hrsb

2. サイト名、サイトイメージ画像

サイト名：社会福祉法人成葉会

3. 制作概要

制作時期：2024年11月
制作時間：50時間(現在は25～30時間程度で制作可能です)
作業内容：コーディング、クロスブラウザテスト、サーバーアップロード
使用ツール：VScode、Photoshop
使用言語：HTML、CSS、SCSS、JavaScript、jQuery

4. 工夫した点(コーディング)

Photoshopを用いてデザインをコーディングしました。
ローディングアニメーションやホバーアニメーション、スクロールアニメーションといった動きのある要素に加え、ハンバーガーメニューも実装しています。これらのアクションを取り入れることで、サイト訪問者を飽きさせない設計となっております。
また、一部セクションの背景には、オレンジと白を組み合わせた幾何学模様を採用しています。この模様は画像ではなくコーディングによって表現しました。さらに、ファーストビューの画像は丸く切り抜き、柔らかい印象を与えるデザインに仕上げました。