Upload
others
View
3
Download
0
Embed Size (px)
Citation preview
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
アルファメールプレミア50G/100G標準機能
Webサイト作成(CMS)デザイン集
・レスポンシブメニュー 4パターン
・全79種類のPCサイトデザイン
・スマートフォンページ(カラー/TOP画像)
※2020年3月現在の内容です。
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
Webサイト作成(CMS)とは、アルファメールプレミア50G/100Gの「ホームページ作成ツール」です。このデザイン集では、お客様に標準でお使いいただける全デザインをご紹介しております。
アルファメールプレミア50G/100Gをご検討中のお客様へ
【CMS】デザイン選択画面(通常メニュー)
<機能の特長>
1.ブラウザ上で作成・更新が可能・WordやExcelなどの感覚で文字を入力して作成可能・インターネット接続できれば自宅からも更新可能・操作方法に関してフリーダイヤルにて問合せ可能
2.専門的な知識が不要・ファイルをサーバに転送するソフト(FTP)が不要・HTML(ホームページの記述言語)などの仕様が不要
3.豊富なデザインテンプレートをご用意・ビジネス、くらし、自然、趣味、フリーテーマなどジャンルごとに分かれたテンプレートをご用意
4.難易度別に簡易/通常/レスポンシブメニューをご用意・ステップ形式で作成、更新が簡単にできる簡易メニューと
全ての機能で作成管理を行う本格的な通常メニュー、ドラッグ&ドロップなど感覚的に編集を行えるレスポンシブメニューをご用意
お客様の業種・ジャンルに適したデザインを選択!
【CMS】デザイン選択画面(レスポンシブメニュー)
1
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
本機能では、対象デザインのTOP画像や、サイトに表示する文字のフォント種類・サイズを変更することができます。また、TOP画像を変更される際は、対象のデザインテンプレートの推奨サイズに合わせて、画像をトリミングできる機能も提供しています。
ホームページのカスタマイズ
◆TOPページの画像をお客様のお好きな画像に変更
画像を推奨サイズにトリミング!
◆サイトに表示される文字のフォント種類・サイズを変更
操作画面
・「指定しない」(ブラウザ標準フォント)を選択した場合
・「メイリオ」(角ゴシック体)を選択した場合
フォントの種類を選択できます!
※TOP画像が適用されるデザインテンプレートのみ、変更可能です。次頁以降、デザインテンプレートごとに変更可否を記載させていただいております、
複数の画像でのスライドショーも可
※通常/レスポンシブメニューのみ
2
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
デザイン1(ネイビー/レッド/グリーン)レスポンシブメニュー
【デザイン1】TOP画像:適用(トリミング機能利用可能)
【TOP画像推奨サイズ】TOPページ :2000×768TOPページ以外:2000×300
シンプルでベーシックなデザインです。
※2020/3/26リリース
3
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
デザイン2(オレンジ/ライトブルー/グリーン)レスポンシブメニュー
※2020/3/26リリース
カラフルでポップなデザインです。
【デザイン2】TOP画像:適用(トリミング機能利用可能)
【TOP画像推奨サイズ】TOPページ :2000×700TOPページ以外:1400×200
4
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
デザイン3(ブラウン/ピンク/イエロー)レスポンシブメニュー
※2020/3/26リリース
ナチュラルで優しい印象のデザインです。
【デザイン3】TOP画像:適用(トリミング機能利用可能)
【TOP画像推奨サイズ】TOPページ :2000×850TOPページ以外:2000×155
5
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
レスポンシブメニュー
※2020/3/26リリースデザイン4(グレー/ブルー/グリーン)
【デザイン4】TOP画像:適用(トリミング機能利用可能)
【TOP画像推奨サイズ】TOPページ :2000×850TOPページ以外:2000×155
淡い色合いで明るいデザインです。
6
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
オフィス街2(左)/モノトーン(右)※2017/5/25リリース
【オフィス街2】TOP画像:適用(トリミング機能利用可能)
【TOP画像推奨サイズ】TOPページ :2000×688TOPページ以外:2000×206
【モノトーン】TOP画像:適用(トリミング機能利用可能)
【TOP画像推奨サイズ】TOPページ :1200×620TOPページ以外:1200×200
簡易・通常メニュー
7
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
花畑(左)/ブーケ(右)※2017/5/25リリース
【花畑】TOP画像:適用(トリミング機能利用可能)
【TOP画像推奨サイズ】TOPページ :1120×670TOPページ以外:1120×200
【ブーケ】TOP画像:適用(トリミング機能利用可能)
【TOP画像推奨サイズ】TOPページ :1430×670TOPページ以外:1430×220
簡易・通常メニュー
8
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
ビジネス(左)/コンサルティング(右)
【ビジネス】TOP画像:適用(トリミング機能利用可能)
【TOP画像推奨サイズ】TOPページ :886×293TOPページ以外:894×146
※推奨値単位はすべてpxで記載
【コンサルティング】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :760×200TOPページ以外:760×130
簡易・通常メニュー
9
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
IT(左)/ビジネスパートナー(右)※推奨値単位はすべてpxで記載
【IT】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :760×200TOPページ以外:760×130
【ビジネスパートナー】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :760×205TOPページ以外:760×145
簡易・通常メニュー
10
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
グローバル(左)/人材(右)※推奨値単位はすべてpxで記載
【グローバル】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :760×200TOPページ以外:760×130
【人材】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :760×205TOPページ以外:760×145
簡易・通常メニュー
11
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
医療(左)/美容(右)※推奨値単位はすべてpxで記載
【医療】TOP画像:適用(トリミング機能利用可能)
【TOP画像推奨サイズ】TOPページ :860×264TOPページ以外:860×146
【美容】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【TOP画像推奨サイズ】TOPページ :760×200TOPページ以外:760×130
簡易・通常メニュー
12
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
物流1(左)/物流2(右)※推奨値単位はすべてpxで記載
【物流1】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :760×186TOPページ以外:760×125
【物流2】TOP画像:適用(トリミング機能利用可能)
【TOP画像推奨サイズ】TOPページ :900×350TOPページ以外:900×155
簡易・通常メニュー
13
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
キッズ(左)/教育(右)※推奨値単位はすべてpxで記載
【キッズ】TOP画像:適用(トリミング機能利用可能)
【TOP画像推奨サイズ】TOPページ :1500×366TOPページ以外:1500×181
【教育】TOP画像:適用(トリミング機能利用可能)
【TOP画像推奨サイズ】TOPページ :2000×291TOPページ以外:2000×160
簡易・通常メニュー
14
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
機械(左)/CG(右)※推奨値単位はすべてpxで記載
【機械】TOP画像:適用(トリミング機能利用可能)
【TOP画像推奨サイズ】TOPページ :1500×351TOPページ以外:1218×168
【CG】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【TOP画像推奨サイズ】TOPページ :1300×222TOPページ以外:1300×113
簡易・通常メニュー
15
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
不動産(左)/生活(右)※推奨値単位はすべてpxで記載
【不動産】TOP画像:適用(トリミング機能利用可能)
【TOP画像推奨サイズ】TOPページ :900×350TOPページ以外:900×160
【生活】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【TOP画像推奨サイズ】TOPページ :760×174TOPページ以外:760×119
簡易・通常メニュー
16
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
エコ(左)/陽光(右)※推奨値単位はすべてpxで記載
【エコ】TOP画像:適用(トリミング機能利用可能)
【TOP画像推奨サイズ】TOPページ :1200×285TOPページ以外:1200×150
【陽光】TOP画像:適用(トリミング機能利用可能)
【TOP画像推奨サイズ】TOPページ :760×200TOPページ以外:760×80
簡易・通常メニュー
17
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
スイーツ(左)/レストラン(右)※推奨値単位はすべてpxで記載
【スウィーツ】TOP画像:適用(トリミング機能利用可能)
【TOP画像推奨サイズ】TOPページ :900×361TOPページ以外 :900×219
【レストラン】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :760×220TOPページ以外:760×220
簡易・通常メニュー
18
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
カラフル(左)/フラワー(右)※推奨値単位はすべてpxで記載
【カラフル】TOP画像:適用(トリミング機能利用可能)
【TOP画像推奨サイズ】TOPページ :900×361TOPページ以外 :900×219
【フラワー】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :1500×334TOPページ以外:1500×181
簡易・通常メニュー
19
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
ペット1(左)/ペット2(右)※推奨値単位はすべてpxで記載
【ペット1】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :760×220TOPページ以外:760×150
【ペット2】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :2000×280TOPページ以外:2000×160
簡易・通常メニュー
20
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
書籍(左)/サイエンス(右)※推奨値単位はすべてpxで記載
【書籍】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :1500×293TOPページ以外:1500×172
【サイエンス】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :760×220TOPページ以外:760×150
簡易・通常メニュー
21
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
サポート(左)/セールス(右)※推奨値単位はすべてpxで記載
【サポート】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :760×180TOPページ以外:760×124
【セールス】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :760×220TOPページ以外:760×150
簡易・通常メニュー
22
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
建設(左)/工業(右)※推奨値単位はすべてpxで記載
【建設】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :760×220TOPページ以外:760×150
【工業】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :760×220TOPページ以外:760×150
簡易・通常メニュー
23
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
オフイス(左)/オフィス街(右)※推奨値単位はすべてpxで記載
【オフィス】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :760×180TOPページ以外:760×124
【オフィス街】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :760×205TOPページ以外:760×145
簡易・通常メニュー
24
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
ファミリー(左)/福祉(右)※推奨値単位はすべてpxで記載
【ファミリー】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :760×176TOPページ以外:760×121
【福祉】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :760×176TOPページ以外:760×121
簡易・通常メニュー
25
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
リビング(左)/街(右)※推奨値単位はすべてpxで記載
【リビング】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :760×174TOPページ以外:760×119
【街】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :760×175TOPページ以外:760×120
簡易・通常メニュー
26
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
海(右)/空(左)
【海】TOP画像:適用(トリミング機能利用可能)
【TOP画像推奨サイズ】TOPページ :760×200TOPページ以外 :760×80
【空】TOP画像:適用(トリミング機能利用可能)
【TOP画像推奨サイズ】TOPページ :760×200TOPページ以外 :760×80
簡易・通常メニュー
27
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
森(右)/田畑(左)※推奨値単位はすべてpxで記載
【森】TOP画像:適用(トリミング機能利用可能)
【TOP画像推奨サイズ】TOPページ :760×200TOPページ以外 :760×80
【田畑】TOP画像:適用(トリミング機能利用可能)
【TOP画像推奨サイズ】TOPページ :760×200TOPページ以外 :760×80
簡易・通常メニュー
28
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
スクエア(ブルー/ブラック/グリーン)※推奨値単位はすべてpxで記載
【スクエア(ブルー/ブラック/グリーン共通)】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :900×71TOPページ以外:900×71
簡易・通常メニュー
29
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
パステル(ブルー/イエロー/ピンク)※推奨値単位はすべてpxで記載
【パステル(ブルー/イエロー/ピンク共通)】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :900×70TOPページ以外:900×70
簡易・通常メニュー
30
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
スラッシュ(ブルー/グリーン/レッド)※推奨値単位はすべてpxで記載
※ こちらのデザインは元のヘッダ背景画像に明確なサイズが指定されていないため、ページのコンテンツ幅と同じ900pxを推奨値としております。【パステル(ブルー/グリーン/レッド共通)】
TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :900×76TOPページ以外:900×76
簡易・通常メニュー
31
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
サークル(ブルー/オレンジ/グリーン)※推奨値単位はすべてpxで記載
【サークル(ブルー/オレンジ/グリーン共通)】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :1788×90TOPページ以外:1788×90
簡易・通常メニュー
32
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
ブラック(ブルー/グリーン/ピンク)※推奨値単位はすべてpxで記載
【ブラック(ブルー/グリーン/ピンク共通)】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
【ヘッダ画像推奨サイズ】TOPページ :1000×70TOPページ以外:1000×70
簡易・通常メニュー
33
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
【横メニュー2(ブルー/グリーン/レッド/グレー/オレンジ共通)】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
横メニュー2(ブルー/グリーン/レッド/グレー/オレンジ) ※2017/5/25リリース
簡易・通常メニュー
34
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
縦メニュー2(ブルー/グリーン/レッド/グレー/オレンジ)
【縦メニュー2(ブルー/グリーン/レッド/グレー/オレンジ共通)】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
※2017/5/25リリース
簡易・通常メニュー
35
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
横メニュー(ブルー/グリーン/レッド/グレー/オレンジ)※推奨値単位はすべてpxで記載
【横メニュー(ブルー/グリーン/レッド/グレー/オレンジ共通)】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
簡易・通常メニュー
36
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
メニュー(ブルー/グリーン/レッド/グレー/オレンジ)※推奨値単位はすべてpxで記載
【縦メニュー(ブルー/グリーン/レッド/グレー/オレンジ共通)】TOP画像:適用なし(トリミング機能利用不可)※ヘッダの背景画像を変更可
簡易・通常メニュー
37
Copyright©2020 OTSUKA CORPORATION All Rights Reserved.
スマートフォンページ
【カラー(ブルー/グリーン/レッド/グレー/オレンジ)】
【TOP画像デザイン】※お客様任意の画像を指定することもできます。
グローバル ビジネスパートナー オフィス グラフィック
フラワー エコ 自然 海
街並 企画 暮らし 運送
簡易・通常メニュー
38