はじめまして。maro1806と申します。 TOPページのデザインをご提案をさせていただきます。 ■ファーストビュー 写真と文字のレイアウトでインパクトを出しつつ、 チープな印象にならないよう配慮しました。 価格や出荷日数など貴社の強みがファーストビューから伝わるよう レイアウトしております。 サブコピー下のカードデザイン一覧は、 カードが横に移動していくアニメーションをイメージしております。 カードのサンプルを多数紹介する事で、 お客様が実物をイメージしやすくなるかと思います。 ■IDカードセルフとは 説明文と一緒に、お客様が具体的なイメージをしやすくなるよう 操作画面のイメージを配置しました。 ■IDカードセルフの特長 一見して5つの特長が伝わるよう配慮しデザインいたしました。 ■3つの作成方法 それぞれの方法を色分けし、 内容に合ったイラストを追加する事で違いを明確にいたしました。 イラストはオリジナルで、Illustratorで作成しております。 ■料金 基本料金・配送料 + カードの料金 というレイアウトで、料金形態をわかりやすくしました。 またカードについては、お客様が検討しやすいよう それぞれのカードを比較しやすい横並びの配置にいたしました。 ■どうしてこんなにリーズナブルなの 疑問だとわかるような「Q」マークの追加や、 回答文でポイントとなる部分に黄色のハイライトを追加しました。 ■CTA 注目していただきたい部分ですので、 オレンジの背景を使用し、目立つように配置しました。 修正、変更等がございましたら、ご対応させていただきます。 ご検討のほどよろしくお願い申し上げます。
メンバーからのコメント
はじめまして。maro1806と申します。
TOPページのデザインをご提案をさせていただきます。
■ファーストビュー
写真と文字のレイアウトでインパクトを出しつつ、
チープな印象にならないよう配慮しました。
価格や出荷日数など貴社の強みがファーストビューから伝わるよう
レイアウトしております。
サブコピー下のカードデザイン一覧は、
カードが横に移動していくアニメーションをイメージしております。
カードのサンプルを多数紹介する事で、
お客様が実物をイメージしやすくなるかと思います。
■IDカードセルフとは
説明文と一緒に、お客様が具体的なイメージをしやすくなるよう
操作画面のイメージを配置しました。
■IDカードセルフの特長
一見して5つの特長が伝わるよう配慮しデザインいたしました。
■3つの作成方法
それぞれの方法を色分けし、
内容に合ったイラストを追加する事で違いを明確にいたしました。
イラストはオリジナルで、Illustratorで作成しております。
■料金
基本料金・配送料
+
カードの料金
というレイアウトで、料金形態をわかりやすくしました。
またカードについては、お客様が検討しやすいよう
それぞれのカードを比較しやすい横並びの配置にいたしました。
■どうしてこんなにリーズナブルなの
疑問だとわかるような「Q」マークの追加や、
回答文でポイントとなる部分に黄色のハイライトを追加しました。
■CTA
注目していただきたい部分ですので、
オレンジの背景を使用し、目立つように配置しました。
修正、変更等がございましたら、ご対応させていただきます。
ご検討のほどよろしくお願い申し上げます。