「Sample Corporation」架空のコーポレートサイト

担当範囲 | コーディング |
---|---|
制作期間 | 1週間 |
使用ツール | HTML、CSS、jQuery、Sass |
依頼者 | - |
サイトURL | https://demosite-004.lemomo-works.com |
※デモサイトのユーザー名:lemomo、パスワード:lemomo
サイトのご紹介
学習で制作した架空会社のコーポレートサイトです。jQueryでスライダーやアコーディオンメニューなど多くの機能を実装している他、Googleマップの埋め込みもしております。本サイトはWordPressを使用しておりませんが、これにWordPressを組み合わせればニュースセクションやスライダーのアイテムの管理などを容易に行うことができます。
実装機能のご紹介
★スライダーの実装
Resultsセクションにスライダーを実装しておりスマートフォンでもフリック操作が可能になっております。jQueryを用いて気軽に実装できる機能です。
★アコーディオンメニューの実装
Q&Aセクションでは、Webサイトによくあるアコーディオンメニューを実装しました。1ページに情報量が多いコーポレートサイトやLPサイトでは情報をコンパクトに詰め込むことでスタイリッシュに見せることができます。
★Googleフォームの実装
お問い合せフォームはGoogleフォームを実装しております。サイトのお問い合わせフォームから送信された情報はGoogleフォームに集計されます。
★お問い合わせフォームのバリデーション
jQueryでバリデーション機能を搭載しており、入力必須項目に入力がない場合送信ボタンを押せない仕様にしております。