テンプレート会員登録

テンプレート会員登録をして頂くと各テンプレートの実際の動きをご覧頂けます。下記のフォームに必要事項を記入して頂き、返信されたメールに記載されているURLにアクセスして下さい。

お名前(必須項目/ニックネーム可)

メールアドレス(必須項目)

メールアドレス確認用(必須項目)

Introduce JS

カバーフロー

アップルコンピュータが提供しているiTunesはごぞんじですか?そのiTunesで一躍有名になったカバーフローというコンテンツがあります。従来このカバーフローはFlashを利用しなければ表現出来ないコンテンツでした。このコンテンツをJavaScripだけで表現したサンプルがこちらになります。
利用の用途としては、 等の用途が考えられます。
カバーフローの動き自体も心地いいですが、リフレクトという床面に反射したように見せる工夫も一味加えられて気持ちのいい物です。

イメージリフレクト

前述の紹介にも記述しましたが、イメージを床面に反射させる表現方法を紹介いたします。この技法は、通常であればPhotoshop等の画像処理アプリケーションで作成しなければなりません。しかし、見た目よりも作成に時間が掛かりますし、技術的にも結構高度な技術が必要になります。
しかし、この表現方法迄JavaScriptを利用して表現出来るようになりました。リフレクトさせたい画像を用意して、決まったコードを書いてやるとプログラムが自動的にリフレクとを作成してくれます。非常に簡単に且つ効果的に演出を加える事ができますが、このリフレクト表現も少し前の 流行になってしまっていて、乱用するとかえってデザインに古くささを与えてしまう可能性があります。

テンプレート01

主に会社案内用としてご利用頂けます。ページ上部にイメージ画像を配し、横並びのナビゲーションバー(メインメニュー)を配置しています。このナビゲーションバーはマウスオーバーした際にナビゲーションバー下部にある赤いボーダーラインが左右に動きます。 この動きはJavaScriptと呼ばれるプログラムで制御されていて、見た目にもスムーズな動きを実現しています。また、通常このようなナビゲーションバーに使用されるFlashコンテンツとは違い、SEO対策としても非常に有効な手段になっております。
ページのコンテンツ部分は2カラムと呼ばれる構造を持っており、広いエリアに伝えたい内容をまとめて配置し、狭いエリアにはリンク等を配置いたします。
  • 変更可能箇所

  • 上部配置イメージ画像(必須)
  • What's New横配置画像(必須)
  • コラム内画像(必須)
  • 背景色
  • サイドバー項目
  • テンプレート02

    主に会社案内用としてご利用頂けます。ページ上部のメインナビゲーションはJavaScriptによってインパクトのある動きを実現しています。
    本文のレイアウトは、雑誌的なレイアウト構造をとっており、見せる!というよりは読ませる!というパブリッシュが適切な方法です。また、雑誌等の印刷物では絶対に実現出来ない画像の見せ方もJavaScriptをしようして、印象的に演出しています。加えて、自社の製品等をスライドショーをもちいて紹介出来るプログラムも備わっていて、希望する画像枚数をスライドさせることができます。スライドショーにはコメントも挿入出来る為より詳しい紹介が可能です。
    また、他のテンプレートと大きく違う点は、フッタ部分を大胆に使用している点です。テンプレートのようにフッタ内にお問い合せフォーム等を配置すると、ユーザーとの連携がスムーズに取れる仕組みが組み込めます。他の例としては、自社商品の宣伝や、イベント等の告知スペースとしても利用して頂けます。このテンプレートの様なフッタを大胆に使うレイアウトは欧米のホームページでは通例となっており、今後国内でも流行する兆しが見て取れます。
  • 変更可能箇所

  • 上部配置イメージ画像(必須)
  • 上部配置再度ボックスコンテンツ
  • ページ中央アルバム画像(必須)
  • アルバム下スライドショー画像(必須)
  • 背景色
  • フッタ内容
  • テンプレート03

    主に飲食店用のサイトとしてご利用いただけます。ページ上部にイメージ画像とマップを配置しユーザーのヴューインプレッションを獲得します。全体的にシックにまとめていますので、サンプルで使用している様な色目の画像を使用して頂くと綺麗にまとめる事ができます。カラムの構成もシンプルにしているため、コンテンツの追加や削除が行い易く、しかもレイアウトが崩れにくいので安心して変更が行えます。
    また、ページ下部には簡単なアルバム機能を付けているので、 店舗内の画像や、フード、ドリンクなどの画像を綺麗に見せる事ができます。
  • 変更可能箇所

  • 上部配置イメージ画像(必須)
  • What's New横配置画像(必須)
  • コラム内画像(必須)
  • 背景色
  • アルバム用画像(必須)
  • コラムの追加
  • テンプレート04

    主に飲食店用のサイトとしてご利用いただけます。全体的に明るいイメージを持たせ、清潔感のあるサイトに仕上げました。サイト上部にはサンプルのようにフードの画像等を挿入する事をお勧めします。
    コンテンツ部分のカラムは、2カラムを使用しています。左のカラムにはメインのコラム等を配置し、イベントの情報や、オススメ料理の情報等は右カラムに配置してコンテンツの違いを明確に表現する事ができます。
    また、メインカラムには他のテンプレート同様にアルバム機能を配置しています。文章と画像を使用して、お客様により強く印象を植え付けて下さい。
  • 変更可能箇所

  • 上部配置イメージ画像(必須)
  • What's New横配置画像(必須)
  • コラム内画像(必須)
  • アルバム用画像(必須)
  • コラムの追加
  • テンプレート05

    主に会社案内用としてご利用頂けます。ページ全体を2カラムに分けているためスッキリとしたイメージを与えることができます。画像も十分に使用可能で、文字と画像のバランスによって高級感のある会社案内サイトを実現出来ます。
    このレイアウトは一見非常に淡白になりがちですが、きっちりとしたグリッドデザインを採用する事により、他のサイトとは一線を画するインパクトを与える事ができます。自社の 企業理念や、製品に対する思いなどを十分に表現出来るスペースと画像点数があるためしっかりとした会社のイメージを与えることができます。
    また、通常のサイトよりも新着情報のスペースを大きくとっているため、レアな情報等のパブリッシュには最適です。
  • 変更可能箇所

  • 上部配置イメージ画像(必須)
  • コラム内画像(必須)
  • サイドバー項目
  • テンプレート06

    主に会社案内や、個人サイトとして利用頂けます。他のテンプレートサイトとは全く違うテンプレートで縦スクロールを前提に制作しております。
    縦スクロールを採用するとナビゲーションのユーザービリティが低下する問題が生じますが、このテンプレートでは、ナビゲーションがページのスクロールに応じて移動するスクリプトを使用して見事に解消されています。
    人とは一味違うサイトを求められている方にもってこいのテンプレートです。
    会社案内用として利用すれば同業他社とは明らかに差別化ができ、ユーザーにも新しい印象を持ってもらう事が出来ます。 個人サイトとしても印象的なサイトを構築出来ます。縦スクロールする事により、コンテンツはほぼ無限に追加が可能になります。
  • 変更可能箇所

  • 上部配置イメージ画像(必須)
  • コラム内画像(必須)
  • 背景色
  • コンテンツ追加
  • テンプレート07

    主に会社案内用としてご利用いただけます。 他のテンプレートと大きな違いは、トップページに3カラムを使用している点です。3カラムはポータルサイト等で多く用いられるレイアウトですが、こうして会社案内用としてもご利用頂けます。
    上部にあるヘッダ部分にあしらっているイラストにより、 お洒落で洗練されたイメージを植え付ける事が可能です。 また3カラムということもあり、情報量も多く掲載する事ができます。自社の内容を細かくカテゴリー分けしてユーザーに分かりやす用に情報提供が可能になります。また、センタカラムに大きめの画像を配置すると、デザインが一変してインパクトの強い物になります。
  • 変更可能箇所

  • コラム内画像(必須)
  • コンテンツ追加
  • サイドバー項目
  • テンプレート08

    主に会社案内用としてご利用いただけます。 テンプレート01とテンプレート04を足して2で割ったようなテンプレートです。メイン画像の上部にナビゲーションを配置し、ユーザビリティを考慮して作成いたしました。会社案内として主に利用して頂けますが、飲食店や、ショップなどのページでもご利用頂けます。メインコンテンツは、分かり易い2カラムを使用しているため、コンテンツの追加がイメージしていただけ易いと思います。
    奥行きのページも基本的なレイアウトを流用しています。メインのイメージをそれぞれのページで変更すると違った印象をユーザに与える事が可能です。基本的なJavascriptは前述のテンプレートと同じスクリプトを使用しています。
  • 変更可能箇所

  • メイン画像(必須・奥行きページも変更可)
  • コラム内画像(必須)
  • コンテンツ追加
  • サイドバー項目
  • 全体のイメージカラー
  • テンプレート09

    主に不動産会社用としてご利用いただけます。 白が基調のスッキリとしたデザインになっています。不動産の販売や、賃貸物件の案内を目的に制作しました。基本のページ数は他のテンプレートと同じになっていますが、不動産の特徴である物件の詳細ページはオプション扱いになります。
    不動産向けですが、ネットショップなどのサイト構築にも適したデザインとなっております。サイドバーとメインのコラムが配置されており、サイドバーにはサブカテゴリーのメニューが追加されています。それぞれにカテゴライズされたページへのリンクや、外部リンク等にご利用いただけます。また、不動産販売や、賃貸、ネットショップを扱う際に必要とされる各種記載事項ページもオプションとして制作が可能です。※オプションページは5,000円/1ページから承っております。
  • 変更可能箇所

  • メイン画像(必須・奥行きページも変更可)
  • コラム内画像(必須)
  • コンテンツ追加
  • サイドバー項目
  • 全体のイメージカラー
  • テンプレート10

    主に自動車販売用に作成しました。 トップページには、javascriptで制御されたスライドショーを配置しています。御社で扱っている販売商品をトップページでご覧頂くのに適しています。基本のページ数は他のテンプレートと同じになっていますが、自動車販売の特徴である車両の詳細ページはオプション扱いになります。
    自動車販売向けですが、ネットショップなどのサイト構築にも適したデザインとなっております。サイドバーとメインのコラムが配置されており、サイドバーには特別販売車などおすすめの情報等を掲載出来ます。また、中古車販売や、ネットショッピング等で必要になる各種記載事項ページもオプションとして制作が可能です。※オプションページは5,000円/1ページから承っております。
  • 変更可能箇所

  • メイン画像
  • コラム内画像(必須)
  • コンテンツ追加
  • サイドバー項目
  • 全体のイメージカラー