# 新EC
#### Malt画面構成検討
##### 前提
###### コウさんの作成した新ECデータモデルを元にした、新ECの画面構成検討結果である。
---
# フロント
- トップ（ドキュメントルート的な）（LPにできます的な）
- エラー・メンテナンス表示
- エラー画面
- 商品詳細
- 商品検索・一覧
- カート
- カート
- ログイン（ダイアログ的な）
- マイページ
----
# フロントフレームデザイン
- ヘッダ
- グロナビ
- リッチな検索UI
- パンクズ
- 絞り込み
- ページング
- ダイレクトカートイン
- フッター
---
# カート
- カートレジ
支払い方法は単一で
出荷毎に分けて表示（出荷日✖️送り先✖️発送元倉庫）
- ギフトラッピング
- 支払い方法
- サンクス画面
---
# マイページ
- 個人情報表示のみ
- 個人情報編集
- お気に入り
再入荷メールはくっつけない
- 支払い方法一覧
- 支払い方法編集
- お届け先リスト一覧
- お届け先リスト編集
- 注文履歴
- アイディア
ヴァーチャル試着、３D表示、実店舗は試着、触れる、QRコードがあるだけですぐECで買える
---
# バックオフィス
- ログイン画面
- ダッシュボード
- サイドメニュー
- 認証認可
- 契約管理
- 商品管理
- 販売計画
- 受注管理
- 販売促進
- 販売在庫
- 会員管理
- 決済管理
---
# 認証認可
- ロール作成
ロールを作成する。機能の○✖️を付けていく
- アカウント作成
スーパーユーザーやユーザー管理できるアカウント
ロールを割り当てる、
---
# 契約管理
- 出品者作成
- ECサイトを作成可能。
- 決済方法設定
- 契約機能設定
- 実店舗設定
---
# 商品管理
- ブランド一覧
- ブランド編集
- 商品一覧
検索・リスト・CSV出力
- 商品編集
メーカーカラー・サイズはデータとして物が表示しない。
いろいろな商品コードは属性としてもつ
コピー。などの機能を持ちたい。
---
# 販売計画
- 販売計画、編集
- 販売計画、一覧
---
# 受注管理
- 受注管理、集計
- 受注管理、編集
- 受注管理、新規作成
- 受注管理、一覧、親注文から子注文もまとめてみれる
---
# 販売促進
- ポイント編集
- ポイント一覧
- ポイント新規作成
- 割引イベント編集
- 割引イベント一覧
- 割引イベント新規作成
---
# 販売在庫
画面なし
<br>
# 会員管理
- 集計
<br>
# 決済管理
- 集計
<br>
<style>
/* basic design */
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6,
.reveal section, .reveal table, .reveal li, .reveal blockquote, .reveal th, .reveal td, .reveal p {
font-family: 'Meiryo UI', 'Source Sans Pro', Helvetica, sans-serif, 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic';
text-align: left;
line-height: 1.6;
letter-spacing: normal;
text-shadow: none;
word-wrap: break-word;
color: #444;
}
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {font-weight: normal;}
.reveal h1, .reveal h2, .reveal h3 {color: #0F0F0F;}
.reveal th {background: #DDD;}
.reveal section img {background:none; border:none; box-shadow:none; max-width: 95%; max-height: 95%;}
.reveal blockquote {width: 90%; padding: 0.5vw 3.0vw;}
.reveal table {margin: 1.0vw auto;}
.reveal code {line-height: 1.2;}
.reveal p, .reveal li {padding: 0vw; margin: 0vw;}
.reveal .box {margin: -0.5vw 1.5vw 2.0vw -1.5vw; padding: 0.5vw 1.5vw 0.5vw 1.5vw; background: #EEE; border-radius: 1.5vw;}
/* table design */
.reveal table {background: #f5f5f5;}
.reveal th {background: #444; color: #fff;}
.reveal td {position: relative; transition: all 300ms;}
.reveal tbody:hover td { color: transparent; text-shadow: 0 0 3px #aaa;}
.reveal tbody:hover tr:hover td {color: #444; text-shadow: 0 1px 0 #fff;}
/* blockquote design */
.reveal blockquote {
width: 90%;
padding: 0.5vw 0 0.5vw 6.0vw;
font-style: italic;
background: #f5f5f5;
}
.reveal blockquote:before{
position: absolute;
top: 0.1vw;
left: 1vw;
content: "\f10d";
font-family: FontAwesome;
color: #2980b9;
font-size: 3.0vw;
}
/* font size */
.reveal section, .reveal table, .reveal li, .reveal blockquote, .reveal th, .reveal td, .reveal p {font-size: 2.2vw;}
.reveal code {font-size: 1.6vw;}
/* new color */
.red {color: #EE6557;}
.blue {color: #16A6B6;}
/* split slide */
#right {left: -18.33%; text-align: left; float: left; width: 50%; z-index: -10;}
#left {left: 31.25%; text-align: left; float: left; width: 50%; z-index: -10;}
</style>
<style>
/* h1:header */
.reveal h1 {
position: relative;
top: 0px;
left: 0px;
width: 100%;
text-align: left;
font: "Meiryo UI";
font-size: 6vh; /* 高さに対して6.0% */
font-style: normal;
background-color: white;
border-bottom: thick solid;
border-image: linear-gradient(to right, black 0%, orange 100%);
border-image-slice: 1;
}
/* h1:top-page */
.reveal h4 {
position: absolute;
top: 40vh;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
height: 10vh;
width: 80%;
text-align: center;
font: "Meiryo UI";
font-size: 8vh; /* 高さに対して8.0% */
font-style: normal;
background-color: white;
border-bottom: thick solid;
border-image: linear-gradient(to right, black 0%, orange 100%);
border-image-slice: 1;
}
.reveal h5 {
position: absolute;
top: 55vh;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
height: 8vh;
width: 80%;
text-align: center;
font: "Meiryo UI";
color: gray;
font-size: 6vh; /* 高さに対して6.0% */
font-style: normal;
background-color: white;
}
.reveal h6 {
position: absolute;
top: 65vh;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
height: 8vh;
width: 80%;
text-align: center;
font: "Meiryo UI";
color: black;
font-size: 5vh; /* 高さに対して5.0% */
font-style: normal;
background-color: white;
}
/* h3 */
.reveal h2 {
font: "Meiryo UI";
font-size: 6vh; /* 高さに対して2.0% */
font-style: normal;
margin: 5px;
padding: 5px;
}
/* listのアイコン */
.reveal ul {
list-style-type: square;
}
.reveal ul ul {
list-style-type: '-';
}
.reveal ul ul ul {
list-style-type: '▶';
}
.reveal ul ul ul ul {
list-style-type: square;
}
.reveal ul ul ul ul ul {
list-style-type: circle;
}
/* listの字下げ調整 */
.reveal ul ul {
margin-left: -5px;
}
/* footer */
.slides:after {
content:'team Malt-Whiskey.';
text-align: center;
font: "Arial";
font-size: 3vh; /* 高さに対して3.33% */
font-style: normal;
color: orange;
background-color: black;
display: inline-block;
width: 100%;
position: absolute;
left: 0px;
bottom: 0;
}
{"metaMigratedAt":"2023-06-15T05:42:13.634Z","metaMigratedFrom":"YAML","title":"新EC","breaks":true,"slideOptions":"{\"theme\":\"white\",\"slideNumber\":\"c/t\",\"center\":false,\"transition\":\"none\",\"keyboard\":true,\"width\":\"93%\",\"height\":\"100%\"}","contributors":"[{\"id\":\"5021f6e3-ed36-43b7-b535-335f85c7b922\",\"add\":6883,\"del\":1098}]"}