baserマーケット/商品詳細ページ
  • RSS
  • facebook
  • twitter

ようこそゲスト 様 ログイン

  • お買い物ガイド
  • 販売したい方へ
  • マイページ
  • 新規会員登録
  • カートを見る

テーマ

nada ken

画像を拡大する
このエントリーをはてなブックマークに追加
FREE

商品説明

情報が「見やすく、見つけやすい」サイト構造を目指しました。

記事の多くをタグ分けしたブログ記事を追加する構造を用いることで、運営者が鮮度のある情報を気軽に追加することができ、新着記事から順に各ページに読み込んで情報のスケルトン化を図りました。
デザインでは、あらゆる色と相性のいいグレーを基調とし、各部のマージンにメリハリをつけるだけのシンプルなレイアウトによって、投稿記事自体を際立たせています。
背景の色を変えたり画像を設定することで、多くのデザイン展開が可能です。
画像を殆ど使用していないため、CSS上で配色やサイズの変更が可能となっています。
キーとなる配色部分をスタイルシート上一箇所にまとめて一括して変更が行い易くなっています。
業態を問わず利用でき、閲覧者も運営者も「見て楽しく、思わずクリックしたくなる、もっと情報をストックしたくなる」テーマです。
見た目に楽しくするため随所にアニメーションを設定しています。アニメーションは見た目の楽しさとユーザーの操作性を両立するため、マウスオーバー時には素早く、マウスアウト時にはわずかにゆっくりとアニメーションするようになっています。
サイドメニューのコードを本コンテンツより下に記載することで検索エンジンが本文をより長くクロールする仕組みとなっています。
HTML5に対応しているため、HTML5で新しく追加されたタグも使用することが出来ます。
テンプレート自身も、ナビゲーションにはnavタグを設定するなど、メインコンテンツとそうでない部分の切り分けを行い、SEOの改善に務めています。
画面サイズに応じたレスポンシブルデザインにより単一のコードにてPCにもスマートフォンにもタブレットにも対応します。大画面ではよりリッチに小さな画面ではよりシンプルに表示されます。
これにより閲覧者は複数の端末にまたがってURLを共有することが出来ます。

※基調色の変更をご希望の際は、ご相談承ります。
(メインカラーの変更など)
nada ken
nada ken

第2回テーマコンテスト参加作品

ノージャンルテーマ賞受賞!

レスポンシブ対応デザインテーマについて