ボトルラベル作成Webアプリ
メーカーサイトで一般ユーザーがオリジナルボトルを気軽に作成し、注文できる仕組みとしてこのアプリが使われています。
Flow
下記スマホのブラウザでアプリを操作したイメージを想定される操作順に機能をご紹介します。
テンプレート選択
まず、ボトルに貼り付けるラベルのテンプレートを選びます。
エディターで開く
選んだラベルテンプレートがエディターで開き編集が可能になります。
画像ツール
ラベルに画像を挿入することができます。
ここでは背景画像として貼り付けています。
①画像ツールを選択 → ②画像を選択 → ③背景に貼付け
カラー変更
テンプレートに複数のカラーテーマを紐付けすることで、エディターではそのカラーを自由に選択できます。
カラーテーマは運営の管理画面から専用エディターを使用し作成します。
テキストツール
任意の文字を好みのフォントで貼付けられ、文字の位置はドラッグ操作で移動します。
色やサイズも自由に指定することができます。
プレビュー
商品イメージはボトル画像に作成したラベルを貼付け、一つの画像として書き出されます。
作成したラベルはサーバーに保存され注文画面に以降されます。
運営の管理画面では印刷用にPDFデータが自動生成され印刷フェーズへの以降もスムーズです。