![](https://image.jimcdn.com/app/cms/image/transf/none/path/s7fe2fd89c424a1ef/image/ia82e324f64d512b0/version/1524621939/image.png)
足利市の縫製会社・フラダンスショップ運営のアロハキキ様より、Jimdoホームページのデザインリニューアルを承りました。
もともとは、Jimdoの独自レイアウトを使って制作しておりましたが、Jimdoの新レイアウト移行に伴い、デザイン変更・内容変更もかねてリニューアルを行いました。
テンプレートはMadridを使用
![](https://image.jimcdn.com/app/cms/image/transf/dimension=376x10000:format=png/path/s7fe2fd89c424a1ef/image/i8b1fd10ac45770c9/version/1524621606/image.png)
テンプレートはJimdoの親レイアウトに中にある「Madrid」を使用しています。
「Madrid」は、ツーカラムのレイアウトとしては非常に使い勝手の良いテンプレートです。
上部のメインのナビゲーション、サイドバーにサブページのナビゲーションが表示されるという見慣れたレイアウトですが、しっかりとメインコンテンツの部分も横幅があり、見やすいページ構成が作れます。
デザインをカスタマイズ
トップページのみ、ヘッダー画像を別に用意して、会社のロゴマーク、電話番号、メールフォームへのボタンを上部に配置しています。
トップページは、サイドバーの表示をなくしワンカラムのデザインに。
横幅いっぱいに背景画像を入れて、雰囲気のあるページデザインにしています。
トップページ以外はサイドバーがありますが、CSSを使用して標準では左側にあるサイドバーを右側に表示しています。
フローティングメニューを実装
![](https://image.jimcdn.com/app/cms/image/transf/dimension=376x10000:format=png/path/s7fe2fd89c424a1ef/image/i694fea58181c617c/version/1524621712/image.png)
スマホ表示の際には、ページ下部にフローティングメニューが表示されます。
ホーム、電話、問い合わせ、トップに戻るの4項目がワンタップで出来るようになり、お客様の利便性アップに貢献します。