Website

• 

  クライアントワーク

  美容系コーポレートサイト

  • 制作背景と目的
    「melem」のブランドコンセプトである「誰かのため」ではなく、「自分のため」に。を軸にコーポレートサイトを制作。主要ターゲットは「30代女性」に設定。
  • デザインコンセプト
    「自分と向き合う」というテーマを表現するため、過度な装飾を避け、清潔感と上品さを重視したデザインを採用。メインとなる情報や写真が映えるよう、全体的に落ち着いたピンク・茶系の色調を基調とし、繊細な線を用いて信頼感と洗練された印象を与える狙い。
  • 情報設計の工夫
    各セクションでは、まずブランドの核心に触れるメッセージを提示し、その後に詳細ページへ誘導する「View All」ボタンを配置。これにより、トップページでブランド全体を把握し、関心が高まったユーザーをスムーズに奥のページへと案内する流れを作る。
  • 使用ツール
    HTML5,CSS3によるレスポンシブデザインに対応。JavaScript（jQuery）を用いて、スライダーなど視線を引きつけるアニメーションを実装。デザイン制作にはphotoshopを使用。
• 

  クライアントワーク

  美容系コーポレートサイト

  • 制作背景と目的
    ブランドメッセージである「小さな変化が、大きな自信に。」を核に据えコーポレートサイトを制作。主要ターゲットは「30代女性」に設定。
  • デザインコンセプト
    ユーザーが自分自身を慈しむ時間を持つためのブランドであるため、清潔感と、優しさを感じるピンク・パープル系の色使いを意識。 FVにターゲット層に響くよう、健康的でポジティブな女性像を連想させるイメージを採用し、企業としての信頼性も同時に伝えることができるよう、誠実な印象を与えるデザインに。
  • 情報設計の工夫
    ファーストビューで核となるメッセージと、「About Us」セクションでの詳細な説明を最初に配置し、ブランドの哲学を理解してもらうことを最優先とした。のっぺりとした印象を避けるためFVにスクロールバーを付け動きを持たせた。
  • 使用ツール
    HTML5,CSS3によるレスポンシブデザインに対応。デザイン制作にはphotoshopを使用。
• 

  クライアントワーク

  投資系電子書籍LP

  • 制作背景と目的
    投資学習サービス電子書籍のLP制作。見込み顧客にメールアドレスを登録させ電子書籍をダウンロードしてもらう。
  • デザインコンセプト
    投資や金融に関するテーマであるため、権威性と信頼感を強調するブルーを基調とし、目立たせたい箇所にゴールドを採用。文字メインのLPのためアイコンを活用し視覚的に飽きさせないようにした。メインビジュアルでは、書籍のタイトルを大きく目立たせ、特典情報を目立つ色で強調し、行動を促す視覚的緊急性を持たせている。
  • 情報設計の工夫
    無料オファーを通じて顧客情報を獲得するという明確な目的があるため、一般的な企業サイトとは異なり、セールスを意識した情報設計にした。 FVで即アクセスできるよう、フォームを配置し導線を確保。主要文言などは色を変え大きく配置。
  • 使用ツール
    HTML5,CSS3によるレスポンシブデザインに対応。LPデザイン制作にはphotoshopを使用。一部グラフなどはIllustratorを使用。
• 

  クライアントワーク

  投資系電子書籍LP

  • 制作背景と目的
    投資学習サービス電子書籍のLP制作。見込み顧客にメールアドレスを登録させ電子書籍をダウンロードしてもらう。
  • デザインコンセプト
    投資や金融に関するテーマであるため、権威性と信頼感を強調するブルーを基調とし、目立たせたい箇所に黄色を採用。文字メインのLPのためアイコンや動きのあるCVボタン、セクションタイトルにはイラストを活用し視覚的に飽きさせないようにした。メインビジュアルでは、書籍のタイトルを大きく目立たせた。
  • 情報設計の工夫
    無料オファーを通じて顧客情報を獲得するという明確な目的があるため、一般的な企業サイトとは異なり、セールスを意識した情報設計にした。 FVで即アクセスできるよう、動きのつけたCVボタンを配置し導線を確保。主要文言などは色を変え大きく配置。
  • 使用ツール
    HTML5,CSS3によるレスポンシブデザインに対応。LPデザイン制作・電子書籍デザインにはphotoshopを使用。一部グラフなどはIllustratorを使用。FV下の埋め込み動画にはAfterEffectsを使用。
• 

  クライアントワーク

  投資系電子書籍LP

  • 制作背景と目的
    投資学習サービス電子書籍のLP制作。見込み顧客にメールアドレスを登録させ電子書籍をダウンロードしてもらう。
  • デザインコンセプト
    投資や金融に関するテーマであることと成長のイメージを強調するグリーンを基調とし、目立たせたい箇所に黄色・オレンジを採用。文字メインのLPのためアイコンや動きのあるCVボタンを使用。チャート背景には濃い色を使用しデータセクションをわかりやすくした。メインビジュアルでは、書籍のタイトルを大きく目立たせた。
  • 情報設計の工夫
    無料オファーを通じて顧客情報を獲得するという明確な目的があるため、一般的な企業サイトとは異なり、セールスを意識した情報設計にした。 FVで即アクセスできるよう、フォームを配置し導線を確保。主要文言などは色を変え大きく配置。
  • 使用ツール
    HTML5,CSS3によるレスポンシブデザインに対応。LPデザイン制作・電子書籍デザインにはphotoshopを使用。一部グラフなどはIllustratorを使用。
• 

  クライアントワーク

  投資系記事LP

  • 制作背景と目的
    投資学習サービス電子書籍の記事LP制作。投資に関する情報提供とともに見込み顧客にメールアドレスを登録させ電子書籍をダウンロードしてもらう。
  • デザインコンセプト
    投資に対する抵抗感をなくし親しみやすさを表現するため、グリーンを基調とし、シンプルなレイアウトを採用。
  • 情報設計の工夫
    記事メインなので写真は使用せず目立たせたい箇所を赤字で強調。表を作成しアイコンをつけるなどわかりやすく説明できるよう努めた。
  • 使用ツール
    HTML5,CSS3によるレスポンシブデザインに対応。LPデザイン制作にはphotoshopを使用。