product Date
- 2020/11
Role
- Coding
- UI design
Overview
- EC立ち上げサポートのランディングページデザイン・コーディングを担当しました。
以下の前提条件を設けたうえで、制作に着手いたしました。
01GOAL
- リニューアル前はEC立ち上げ・受注代行・運用代行の3つのサービスを１つのLPにまとめており、内容を詰め込みすぎて理解しにくくなっていたため、3つに分けて訴求したい
- webサービスのため、信頼性をたかめるためにもデザインを新しくしたい
- 離脱率を下げるためできるだけページスピードを上げたい
- 各サービスごとに無料資料を作成、問い合わせ項目を用意し、効果測定をしたい
02TARGET
- 新しくD2C事業を立ち上げたいが、ECに関する知見のないメーカー会社
- ECを立ち上げたものの、業務が煩雑すぎて手に負えないインハウスEC担当者
02FEATURE
- 88サイトの運営、20以上の業界に対応など幅広い実績
- 独自のCMSにより業務の効率化・自動化で人件費の削減が可能
煩雑なEC業務をスマートに解決できるイメージの演出のため、とのある先端的なマテリアルデザインに仕上げました。
01STRUCTURE
-
メインビジュアル
ユーザーが次を見たくなるよう、ファーストビューでは「お悩み」コンテンツが見えるようにコンパクトに
-
フォーム
入力の際に無駄なスクロールを省くため、余白を狭くしできるだけコンパクトに
02DESIGN
-
配色
知的さを表す青をメインカラーに、業務の透明性を再現するため全体的にグラデーションを使用。
-
フォント
英語フォントでは、フラットデザインと相性の良い「futura」を使用。
テキストには「ヒラギノ・游ゴシック」を使用。
03CODING
-
ページスピード
jpg,pngよりデータの軽いwebPを使用。過度なアニメーションは使用せず、テキストで可能な範囲はテキストで構築。