株式会社ON-Sight(EC事業)
Landing page

事業の一つとしてEC立ち上げ・業務代行サポートを展開

view site

product Date

2020/11

Role

  • Coding
  • UI design
  • Overview

    EC立ち上げサポートのランディングページデザイン・コーディングを担当しました。
     

    PLANNING

    以下の前提条件を設けたうえで、制作に着手いたしました。

    01GOAL

    • リニューアル前はEC立ち上げ・受注代行・運用代行の3つのサービスを1つのLPにまとめており、内容を詰め込みすぎて理解しにくくなっていたため、3つに分けて訴求したい
    • webサービスのため、信頼性をたかめるためにもデザインを新しくしたい
    • 離脱率を下げるためできるだけページスピードを上げたい
    • 各サービスごとに無料資料を作成、問い合わせ項目を用意し、効果測定をしたい

    02TARGET

    • 新しくD2C事業を立ち上げたいが、ECに関する知見のないメーカー会社
    • ECを立ち上げたものの、業務が煩雑すぎて手に負えないインハウスEC担当者

    02FEATURE

    • 88サイトの運営、20以上の業界に対応など幅広い実績
    • 独自のCMSにより業務の効率化・自動化で人件費の削減が可能

    DESIGN CONCEPT

    煩雑なEC業務をスマートに解決できるイメージの演出のため、とのある先端的なマテリアルデザインに仕上げました。

    01STRUCTURE

    • メインビジュアル

      ユーザーが次を見たくなるよう、ファーストビューでは「お悩み」コンテンツが見えるようにコンパクトに

    • フォーム

      入力の際に無駄なスクロールを省くため、余白を狭くしできるだけコンパクトに

    02DESIGN

    • 配色

      知的さを表す青をメインカラーに、業務の透明性を再現するため全体的にグラデーションを使用。

    • フォント

      英語フォントでは、フラットデザインと相性の良い「futura」を使用。
      テキストには「ヒラギノ・游ゴシック」を使用。

    03CODING

    • ページスピード

      jpg,pngよりデータの軽いwebPを使用。過度なアニメーションは使用せず、テキストで可能な範囲はテキストで構築。

    feel free to contact