「Sample Corporation」 | Portfolio-lemomo
TOP  >  制作実績  >  「Sample Corporation」

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

担当範囲コーディング
制作期間1週間
使用ツールHTML、CSS、jQuery、Sass
依頼者-
サイトURLhttps://demosite-004.lemomo-works.com
           

※デモサイトのユーザー名:lemomo、パスワード:lemomo

サイトのご紹介

学習で制作した架空会社のコーポレートサイトです。jQueryでスライダーやアコーディオンメニューなど多くの機能を実装している他、Googleマップの埋め込みもしております。本サイトはWordPressを使用しておりませんが、これにWordPressを組み合わせればニュースセクションやスライダーのアイテムの管理などを容易に行うことができます。

実装機能のご紹介

★スライダーの実装
Resultsセクションにスライダーを実装しておりスマートフォンでもフリック操作が可能になっております。jQueryを用いて気軽に実装できる機能です。

★アコーディオンメニューの実装
Q&Aセクションでは、Webサイトによくあるアコーディオンメニューを実装しました。1ページに情報量が多いコーポレートサイトやLPサイトでは情報をコンパクトに詰め込むことでスタイリッシュに見せることができます。

★Googleフォームの実装
お問い合せフォームはGoogleフォームを実装しております。サイトのお問い合わせフォームから送信された情報はGoogleフォームに集計されます。

★お問い合わせフォームのバリデーション
jQueryでバリデーション機能を搭載しており、入力必須項目に入力がない場合送信ボタンを押せない仕様にしております。

他にもこんなサイトを担当しました