デモサイト「スムージー屋さん」作成しました

2022/02/02　/　2022/02/20

デモサイトを公開しました！

本テーマの機能の一つである「ヘッダー下スライダー」を活かしたデザインとなっています。

[非表示]

コンセプトについて

コンセプトは、「ヘッダー下スライダー」をオシャレに表示できるデザインを目指しました。

「ヘッダー下スライダー」はヘッダーの下に記事を並べることができるため、上手に運用すればページの回遊率の向上などが見込めます。

また、自動で動かすことができるため、ページに動きが出ます。なので、飽きにくいデザインになると思います。

デザインカンプはこんな感じです。

サイドバー部分のみCSSを使用しました。

以下のように、余白の微調整にCSSを使用しています。

.l-sidebar .sidebar-menu p {
	margin-top: 32px;
	line-height: 2;
}

.l-sidebar p.address__p {
	margin-top: 5px!important;
	padding-left: 1.6em;
}

PC側の実行結果は上記のようになりました。

記事スライダーがある割に、パフォーマンスが高くなりました。

SEO対策は100なので、万全です。

スマホ側の実行結果は上記のようになりました。

スマホサイズではスライダーを非表示にする仕様のため、PC版よりパフォーマンスが向上しました。

ユーザ補助の点数が低いのは、サイトの色味が全体的に薄すぎると判断されているためです。
白を基調としたデザインだとこうなりますね…。

SEO対策は100なので、こちらも万全です。

作成したデモサイトは以下のリンクからご覧ください。

デザインの知識がないため、おしゃれなデモサイト作りに苦労しております！
もし、私こそデモサイトを作らせてほしいという方がいらっしゃればお願いしたいです！

もしよければ、料金など含め、DMなどで相談させてください↓↓

問い合わせ

デモサイト