京都のホームページ制作会社の有限会社エム・ツーです。レスポンシブウェブデザインを実践しています。

デザインテンプレート

エム・ツーが制作したサンプルサイトのデザイン一覧です。
実際にサイト制作に使用していただけるものを掲載しています。
使用したいデザインがあればご相談ください。
下記サンプルからサイト作成される場合、
デザイン料金が通常よりも費用がかからずご利用いただけます。

お問い合わせはこちら >> https://www.emtwo.co.jp/inquiry/

デザインテンプレート一覧



サンプルその1

建築関係

サンプル1画像
建築インテリア関係
黒と白で落ち着いたイメージのデザイン案です。写真を多く配置できるようになっています。フォントも明朝体で統一しているので、綺麗な印象を受けますがゴシックなど会社イメージに合わせて変更する事も可能です。

サンプルその1はこちら >> www.web-design.kyoto.jp/demo01/

サンプルその2

サンプル2画像
飲食店関係
ファミリー向けの飲食店をイメージしたデザイン案です。メニューなどの料理写真を多数掲載できます。白ベースに赤と緑のポイントカラーを使用したシンプルなレイアウトです。

サンプルその2はこちら >> www.web-design.kyoto.jp/demo02/

サンプルその3

サンプル3画像
水族館・美術館など施設関係
水族館のサンプルとして作成しましたが、その他の施設等にも適応できるデザイン案です。 シンプルなレイアウトなので、カラー・フォント・画像等でイメージを変えることが可能です。
従来からのPC版のサイトのビジュアルイメージも少しのこしつつ、フラットデザインも取り入れ今までのPC版サイトを見なれたユーザにも無理なくアピール出来るサイト校正となっています。

サンプルその3はこちら >> www.web-design.kyoto.jp/demo03/

サンプルその4

サンプル4画像
スイーツ・雑貨などショップ紹介
色をカラフルに使用し、ポップな印象のデザイン案です。 簡単な商品・メニューの紹介もありますが、もっと作り込みたい場合は下層ページにそれらを作成する事も可能です。 全体にかわいいイメージを持たせているのでスイーツ店や雑貨屋に向いたデザインになります。
javascriptは使わず、動きあるページ作りを試しています。

サンプルその4はこちら >> www.web-design.kyoto.jp/demo04/

サンプルその5

サンプル5画像
カフェ・飲食関係
ナチュラルテイストなカフェをイメージしたデザイン案です。
ページ全体を温かみのあるブラウン系のカラーでまとめ、ポイントカラーのオレンジやバックの画像でコンテンツ内容の区切りが視覚的にわかるようにデザインしました。

サンプルその5はこちら >> www.web-design.kyoto.jp/demo05/

サンプルその6

サンプル6画像
商店街・商業施設
商店街や商業施設のサイトをイメージしたシンプルなデザイン案です。
写真がベースなため、配色と写真次第ではかっこ良くもなり、明るくもなるので比較的万能なデザインになっています。

サンプルその6はこちら >> www.web-design.kyoto.jp/demo06/

サンプルその7

サンプル7画像
お花屋・雑貨などショップ系
開いた瞬間インパクトのあるデザイン案です。
今回はデモとしてお花屋さんになっていますが、花屋に限らず雑貨屋等ショップのサイトとして変更が効くレイアウトで作成しています。
色華やかで可愛らしくもあり、シンプルでスタイリッシュなデザインに仕上げました。

サンプルその7はこちら >> www.web-design.kyoto.jp/demo07/

サンプルその8

サンプル8画像
海のショップ系
背景など浜辺や貝殻をあしらい、海をイメージしたショップサイトのデザイン案です。浜辺になっている部分や写真を変えるもできるので、アウトドア全般のサイトに最適なデザインです。

サンプルその8はこちら >> www.web-design.kyoto.jp/demo08/

サンプルその9

サンプル9画像
スイーツ・インテリアなどショップ系
シンプルなレイアウトとナチュラルな色合いでまとめています。凡庸性の高いデザインですので他業種にも対応可能です。

サンプルその9はこちら >> www.web-design.kyoto.jp/demo09/

サンプルその10

サンプル10画像
男性向けのショップ系
ネイビーを基調としたクールなイメージのデザインに仕上げました。 スッキリとしたフラットなレイアウトですので業種を問わずご使用いただけます。

サンプルその10はこちら >> www.web-design.kyoto.jp/demo10/

サンプルその11

サンプル11画像
落ち着いたスイーツ・インテリアなどショップ系
チョコレート色の濃淡とシックなベージュ系のカラーを使用し、高級感のあるイメージに仕上げました。 シンプルなレイアウトですが、女性に好まれる華やかさもプラスしたデザインになります。

サンプルその11はこちら >> www.web-design.kyoto.jp/demo11/

サンプルその12

サンプル12画像
企業用・シンプルなデザイン
コンテンツは運営会社M2のものを使用しています。 企業サイトに必要なコンテンツが揃っているので、そのまま使用も可能です。 写真をベースに空白を活かした2018年風なデザインになっています。

サンプルその12はこちら >> www.web-design.kyoto.jp/demo12/

サンプルその13

サンプル13画像
企業用・スタイリッシュなデザイン
クリエイティブ系の企業をイメージしたデモサイトになります。 モノトーンベースに目を引くポイントカラーを使用したクールでスタイリッシュなデザインに仕上げました。 また、閲覧者の視点の誘導を狙い、見てもらいたいコンテンツに動きをプラスしています。

サンプルその13はこちら >> www.web-design.kyoto.jp/demo13/

サンプルその14

サンプル14画像
企業用・シンプルなデザイン
クリエイティブ系の企業をイメージしたデモサイトになります。 コンテンツ部分を全て白ベースにし、極力シンプルなデザインに仕上げました。 スライドショーの仕様を一般的な角版の画像を使用した水平移動の仕様に変更することも可能ですので、 他業種にも対応可能です。

サンプルその14はこちら >> www.web-design.kyoto.jp/demo14/

サンプルその15

サンプル15画像
元気で明るいデザイン
シンプルでナチュラルなイメージのデザインになります。 彩度を落としたビタミンカラーのボーダーでコンテンツを区切ったレイアウトになっています。 全体を白ベースにすることで画像の色味がきれいに見えます。また、画像を多数配置しても見た目が重くならずスッキリとしたイメージになります。

サンプルその15はこちら >> www.web-design.kyoto.jp/demo15/

サンプルその16

サンプル16画像
和テイストの落ち着いたデザイン
背景にアニメーションを使用した少し動くTOPページになっています。 全体を和テイストの落ち着いたイメージで、黒をベースカラーに作成しました。 下層ページでは画面全体を使ったレスポンシブデザインになっています。

サンプルその16はこちら >> www.web-design.kyoto.jp/demo16/

サンプルその17

サンプル17画像
白ベースのシンプルなデザイン
必要最小限のコンテンツのみをコンパクトにまとめたデモサイトになります。 簡単な会社情報や事業内容を表示でき、お問い合わせフォームの設置も可能ですので、 とりあえず、レスポンシブ対応のサイトを作りたいというような場合におすすめできるレイアウトです。

サンプルその17はこちら >> www.web-design.kyoto.jp/demo17/

サンプルその18

サンプル18画像
暖色系の飲食店向きなデザイン
ラーメン屋をイメージした、飲食店用のデモサイトです。
コーヒーショップやカフェ、飲食店、何にでも変更可能なデザインになっています。赤をポイントカラーとして使用する事で、飲食店の明るいイメージにぴったりかと思います。

また、TOPの画像はスライドショーではなく一枚一枚個別に差し変わっているのが特徴です。全てCSSアニメーションで動いていますので、読み込み時間などjsに比べ格段に早いです。

サンプルその18はこちら >> www.web-design.kyoto.jp/demo18/

お問い合わせフォーム

075-406-7167

お電話での受付:平日9時~18時

ホームページ制作ウェブシステム制作のご相談は お電話あるいは、お問い合わせフォームよりお気軽にご相談下さい。

ページの先頭へ