架空の企業サイト

制作内容

架空の企業について

　※デザインカンプより、コーディングのみ対応しています。

サイトURL

https://chihiro-hiro.conohawing.com/Igatta-Group/

※Basic認証をかけております。

　お手数をおかけしますが、下記ID/パスワードをご入力ください。

　　　ユーザー名 : chihiro

　　　パスワード : chihiro-hiro92

制作概要

• 制作時期：2023年6月
• 制作時間：約70時間
• ページ数：6ページ
• 使用ツール：VScode・Figma

使用スキル

• HTML

• CSS

• JavaScript/jQuery

• レスポンシブ対応

実装内容・工夫した点

cssアニメーションにて実装

• ファーストビューの画像3枚が、拡大しつつ徐々に切り替わるようにしています。

JavaScript/jQueryにて実装

• ローディング画面を作成しました。
  （2回目以降のアクセス時は、表示しないようにしています。）

• ページ上部にあるヘッダーが、スクロールとともに追随します。

• ページ内外リンククリックで、該当セクションにスムーススクロールします。

• ヘッダー、フッターを各ページで共通化しました。

• ハンバーガーメニューを実装しています。

• 各コンテンツが、スライドとともにふわっと出てくるようにしました。

• ログインページを、モーダルウィンドウにて作成しています。

• エントリーフォームにバリデーションをかけ、必須項目が未記入の場合はエントリーボタンを非活性にしています。

• エントリー完了後、文字の出現とともに、エントリーボタンを非表示にしました。

イメージ画像

PC画面

スマートフォン画面