グーペのデザインテンプレートはどんな種類がある?【全37種】

今回は、ホームページ作成ツールの「グーペ」について、どのようなデザインテンプレートが提供されているのかをチェックしていきたいと思います。契約プランに関わらず使用可能なデザインが22種類、通常プラン・DXプランで有料のデザインが15種類の、合計37種類が提供されています(記事公開時点)。

「テンプレートが4000種類以上ある」と書いているサイトを見かけますがあれは間違いで、正確には「組み合わせによって4,000以上のパターンがある」という感じです。そこはお間違いのないよう注意してください。

全体像までお伝えするのは難しいですが、サムネイル画像で雰囲気を感じていただけたらと思います。(無料お試し登録後であれば、デザインテンプレートの使用感を確認出来ます)

グーペのデザインテンプレートの選び方

一覧を見ていく前に、「グーペのデザインテンプレートでは何が出来るのか」を知り、選び方を抑えておいたほうが良いと思います。2つの段階を踏むことで、お気に入りのデザインを見つけやすくなりますので、チェックしてみてください。

 

その1)コンセプトとテンプレートの相性

まず当たり前ではありますが、あなたのお店や事業のコンセプトと、デザインテンプレートの相性を見たほうがいいですね。この後まとめてご紹介しますが、サムネイル画像を見ただけでも違いは一目瞭然です。

すべてのデザインをざっと見てリストアップしておくと、後々選びやすくなります。「飲食」「美容」「スクール」「医療・福祉」「ビジネス」「施設・団体」「ハンドメイド作家」「ポートフォリオ」の8カテゴリに分類されているので、そこで絞って探すのもいいですね。

最大50個までテンプレートを保存しておけるので、気に入ったデザインはダウンロードしておくのがおすすめです!

注意しよう!

1点注意が必要なのが、メインビジュアルの画像に惑わされないということです。画像は自分の好きなものに差し替えられるので、後からいかようにでも変えることが出来ます。それよりも、テンプレートのレイアウト構造を見たりとか、パーツの装飾を見たりとか、細部を見ておくようにしましょう!

 

その2)テンプレートで編集可能な領域

テンプレートによって、編集可能な内容が違います

事業のコンセプトとデザインの相性を確認しいくつかダウンロードが済んだら、次はダウンロードしたデザイン一つひとつの編集可能な内容を確認します。

「フォント」「テーマカラー」「サブ画像」「ホームページタイトルの文字サイズ」「各パーツの設定(ヘッダー・サイド・フッター)」など...

主にこれらの編集が可能なのですが、テンプレートによって出来ることにばらつきがあるんです。フォントが固定だったり、テーマカラーを変更することが出来なかったり、テンプレートごとの個性がありますので、こちらも確認しましょう。

minne連携対応とは

テンプレートの中に「minne連携対応」とかかれたものが存在します。これは、グーペ運営元・GMOの別サービス「minne」の機能を組み込めるという意味合いで、連携することによってサイト内で商品の販売が出来るようになります。通信販売を考えている場合は、「minne連携対応」のデザインがおすすめです!

 

無料テンプレート(全22種)

※テンプレート名の後ろのカッコ内は、編集可能な項目の個数

1,Aroma(4)

編集可能な内容
  1. フォント
  2. テーマカラー
  3. ホームページタイトルの文字サイズ
  4. 各パーツの設定(ヘッダー・サイド・フッター)

 

2,beauty(7)

編集可能な内容
  1. フォント
  2. レイアウト
  3. テーマカラー
  4. 背景色
  5. 背景画像
  6. ホームページタイトルの文字サイズ
  7. 各パーツの設定(ヘッダー・サイド・フッター)

 

3,black(5)

編集可能な内容
  1. フォント
  2. 背景色
  3. 背景画像
  4. ホームページタイトルの文字サイズ
  5. 各パーツの設定(ヘッダー・サイド・フッター)

 

4,Business(6)

編集可能な内容
  1. フォント
  2. テーマカラー
  3. 背景色
  4. 背景画像
  5. ホームページタイトルの文字サイズ
  6. 各パーツの設定(ヘッダー・サイド・フッター)

 

5,Chic(4)

編集可能な内容
  1. フォント
  2. テーマカラー
  3. ホームページタイトルの文字サイズ
  4. 各パーツの設定(ヘッダー・サイド・フッター)

 

6,Clinic(4)

編集可能な内容
  1. フォント
  2. テーマカラー
  3. ホームページタイトルの文字サイズ
  4. 各パーツの設定(ヘッダー・サイド・フッター)

 

7,clinic2(3)

編集可能な内容
  1. テーマカラー
  2. ホームページタイトルの文字サイズ
  3. 各パーツの設定(ヘッダー・サイド・フッター)

 

8,e-sports(3)

編集可能な内容
  1. テーマカラー
  2. ホームページタイトルの文字サイズ
  3. 各パーツの設定(ヘッダー・サイド・フッター)

 

9,Everyday(3)

編集可能な内容
  1. フォント
  2. テーマカラー
  3. ホームページタイトルの文字サイズ

 

10,Hello(4)

編集可能な内容
  1. フォント
  2. テーマカラー
  3. ホームページタイトルの文字サイズ
  4. 各パーツの設定(ヘッダー・サイド・フッター)

 

11,Linen(3)

編集可能な内容
  1. フォント
  2. テーマカラー
  3. ホームページタイトルの文字サイズ

 

12,Oneplate(4)

編集可能な内容
  1. フォント
  2. テーマカラー
  3. ホームページタイトルの文字サイズ
  4. 各パーツの設定(ヘッダー・サイド・フッター)

 

13,Organic(3)

編集可能な内容
  1. フォント
  2. テーマカラー
  3. ホームページタイトルの文字サイズ

 

14,Pastel(3)

編集可能な内容
  1. フォント
  2. テーマカラー
  3. ホームページタイトルの文字サイズ

 

15,Salon2(6)

編集可能な内容
  1. フォント
  2. テーマカラー
  3. 背景色
  4. 背景画像
  5. ホームページタイトルの文字サイズ
  6. 各パーツの設定(ヘッダー・サイド・フッター)

 

 

16,Scene(4)

編集可能な内容
  1. フォント
  2. テーマカラー
  3. サブ画像
  4. ホームページタイトルの文字サイズ

 

17,Showcase(5)

編集可能な内容
  1. フォント
  2. テーマカラー
  3. 背景画像
  4. ホームページタイトルの文字サイズ
  5. 各パーツの設定(ヘッダー・サイド・フッター)

 

18,Silk(4)

編集可能な内容
  1. フォント
  2. テーマカラー
  3. ホームページタイトルの文字サイズ
  4. 各パーツの設定(ヘッダー・サイド・フッター)

 

19,Simple2(7)

編集可能な内容
  1. フォント
  2. レイアウト
  3. テーマカラー
  4. 背景色
  5. 背景画像
  6. ホームページタイトルの文字サイズ
  7. 各パーツの設定(ヘッダー・サイド・フッター)

 

20,Slider(5)

編集可能な内容
  1. フォント
  2. テーマカラー
  3. 背景色
  4. 背景画像
  5. ホームページタイトルの文字サイズ

 

21,Smooth(4)

編集可能な内容
  1. フォント
  2. 背景画像
  3. サブ画像
  4. ホームページタイトルの文字サイズ

 

22,Spoon(5)

編集可能な内容
  1. フォント
  2. テーマカラー
  3. サブ画像
  4. ホームページタイトルの文字サイズ
  5. 各パーツの設定(ヘッダー・サイド・フッター)

 

有料テンプレート(全15種)

1,Antique(3)

編集可能な内容
  1. フォント
  2. ホームページタイトルの文字サイズ
  3. 各パーツの設定(ヘッダー・サイド・フッター)

 

2,Bistro(4)

編集可能な内容
  1. フォント
  2. テーマカラー
  3. ホームページタイトルの文字サイズ
  4. 各パーツの設定(ヘッダー・サイド・フッター)

 

 

3,Blackboard(4)

編集可能な内容
  1. フォント
  2. テーマカラー
  3. ホームページタイトルの文字サイズ
  4. 各パーツの設定(ヘッダー・サイド・フッター)

 

4,Blackboardsingle(4)

編集可能な内容
  1. フォント
  2. テーマカラー
  3. ホームページタイトルの文字サイズ
  4. 各パーツの設定(ヘッダー・サイド・フッター)

 

5,Botanical(4)

編集可能な内容
  1. フォント
  2. テーマカラー
  3. ホームページタイトルの文字サイズ
  4. 各パーツの設定(ヘッダー・サイド・フッター)

 

6,Brooklyn(3)

編集可能な内容
  1. フォント
  2. ホームページタイトルの文字サイズ
  3. 各パーツの設定(ヘッダー・サイド・フッター)

 

7,Corporate(5)

編集可能な内容
  1. フォント
  2. テーマカラー
  3. サブ画像
  4. ホームページタイトルの文字サイズ
  5. 各パーツの設定(ヘッダー・サイド・フッター)

 

8,Elegant(4)

編集可能な内容
  1. フォント
  2. テーマカラー
  3. ホームページタイトルの文字サイズ
  4. 各パーツの設定(ヘッダー・サイド・フッター)

 

 

9,Hometown(4)

編集可能な内容
  1. フォント
  2. テーマカラー
  3. ホームページタイトルの文字サイズ
  4. 各パーツの設定(ヘッダー・サイド・フッター)

 

10,Kyoto(3)

編集可能な内容
  1. フォント
  2. ホームページタイトルの文字サイズ
  3. 各パーツの設定(ヘッダー・サイド・フッター)

 

11,Linennatural(3)

編集可能な内容
  1. フォント
  2. テーマカラー
  3. ホームページタイトルの文字サイズ

 

12,Miyabi(5)

編集可能な内容
  1. フォント
  2. レイアウト
  3. テーマカラー
  4. ホームページタイトルの文字サイズ
  5. 各パーツの設定(ヘッダー・サイド・フッター)

 

 

13,ModernCraft(3)

編集可能な内容
  1. フォント
  2. ホームページタイトルの文字サイズ
  3. 各パーツの設定(ヘッダー・サイド・フッター)

 

14,Relax(6)

編集可能な内容
  1. フォント
  2. 背景色
  3. 背景画像
  4. サブ画像
  5. ホームページタイトルの文字サイズ
  6. 各パーツの設定(ヘッダー・サイド・フッター)

 

15,Village(5)

編集可能な内容
  1. フォント
  2. 背景色
  3. 背景画像
  4. ホームページタイトルの文字サイズ
  5. 各パーツの設定(ヘッダー・サイド・フッター)

 

まとめ

今回は、ホームページ作成ツール「グーペ」のデザインテンプレートについてまとめてご紹介しました。これだけのテンプレートがあれば、あなたの望むデザインにも巡り会えるはず!色々と試しながら、理想のホームページを目指して作成進めていきましょう〜♪

 


おすすめの記事