コーポレートサイト Mini

特長

• コーポレートサイトに必要な基本情報を網羅

• Freeプラン、Miniプランにも対応

• 問い合わせフォームあり

• 更新頻度の高い情報はCMSで簡単運用

→ そもそもStudioとは？

構成要素

一般的なコーポレートサイトに必要な要素を網羅。さまざまな業種でご活用いただけます。

• 追従型ヘッダーメニュー：スマホはハンバーガーメニュー&追従型CTA

• ファーストビュー：キャッチコピー&無限ループ風画像スライダー

• 私たちについて：事業概要や代表メッセージなど

• サービス紹介（CMS）：クリックするとサービス詳細を表示

• お客さまの声（CMS）：実績紹介としても活用可能

• スタッフ紹介：各スタッフのメッセージやSNSも

• 会社概要：Googleマップ付き

• よくある質問：クリック開閉式

• お知らせ（CMS）：クリックすると記事本文を表示

• お問い合わせフォーム：プライバシーポリシー&サンクスページ付き

• フッター：フッターメニュー&SNSリンク

こだわりポイント

動きのあるファーストビュー

ファーストビューには、斜めに動く無限ループ風の画像スライダーを配置。カルーセル機能でも同様の表現は可能ですが、挙動が安定しない傾向があるため、あえてカルーセルは使わずに実装しています。この部分の仕組みについては、こちらのポストを参照ください。

画像は、レイヤーパネルの下記の部分から変更可能です。

背景固定画像

セカンドビューの「私たちについて」をスクロールすると、背景の固定画像が表示され、さらにスクロールすると、その下の「サービス」が表示されます。背景の固定画像は、PCとスマホ（タブレット含む）でそれぞれ設定できます。PCでは横長、スマホでは縦長の画像がおすすめです。

背景の固定画像は、レイヤーパネルの下記の部分から、もしくはコンテンツ編集モードにて変更できます。

サービス紹介

サービス紹介欄は、クリックするとサービスの詳細情報が表示されるようにしています。こちらの内容は、CMSダッシュボードにて登録・更新できます。あえてサービス詳細ページを別途作らないことで、ページ数の制限が厳しいMiniプランでも使用できるようにしています。

お客さまの声 / 実績紹介

お客さまの声もCMSダッシュボードにて登録・更新できます。詳細ページはありませんが、画像、会社名、声、対象サービスを表示できるようにしています。お客さまの声としてだけでなく、実績紹介のような形でもご利用いただけるかと思います。

スタッフ紹介

スタッフ紹介はデザインエディタのリストから登録・更新できます。表示させたくないSNSアイコンは、リスト内のON/OFFスイッチをOFFにすると非表示になります。

会社概要

会社概要はデザインエディタのリストから登録・更新できます。Googleマップも表示できます。

よくある質問

よくある質問もデザインエディタのリストから登録・更新できます。クリックすると質問の回答が表示されます。他の箇所に載せきれない情報がある場合は、よくある質問欄をうまく活用することをおすすめします。

お知らせ

お知らせはCMSダッシュボードにて登録・更新できます。クリックされると記事本文が表示されます。

お問い合わせフォーム

お問い合わせフォームは、トップページの下部に配置しています。同意が必要なプライバシーポリシーはその場で読める形式で、送信後には送信完了ページ（サンクスページ）が表示されます。

Toggleボックスを使ったハンバーガーメニュー

スマホ・タブレットで表示されるハンバーガーメニューは、Miniプラン対応のため、モーダルページではなく、Toggleボックスで制作しています。Toggleボックスだとメニューをクリックしても閉じないため、あえてスクロールに追従はさせず、ファーストビューにのみ表示しています。その代わり、スマホ・タブレットでは、お問い合わせフォームに遷移するCTAを追従させています。