yukari karube

mail

制作物

野菜宅配サービスのLP

コーディングデザイン

デジタルハリウッド「Webデザイナー専攻」の中間課題として制作したLPです。

  • 概要

    • 制作時期/期間

      • デジハリ入学3ヶ月後に中間課題として制作。
      • デザインカンプ作成,コーディングまで2週間で制作いたしました。
    • 担当分野

      • デザインカンプ制作
      • コーディング(HTML,CSS,jQuery)
    • URL

      https://yukari-k.com/sugutabe/
  • 制作のターゲット、サイトコンセプトについて

    • ターゲット

      • 30~40代の育ち盛りの子供がいる女性
      • 働き盛りの夫にも、まだまだ元気でいてほしいと思っている妻
      • 「ていねいな暮らし」が好き
    • サイトコンセプト

      • 新鮮さ・信頼感・安心感
    • 全体としてこだわった点

      • 悩み→解決策→サービスについての説明と読み進められるよう、要素の順番を意識しました。
      • 読み流しても全体の内容が把握できるように、キーワードはフォントサイズや色を変えました。
  • デザインカンプのポイント(配色や素材選びについて)

    • 配色

      • サイトコンセプトの「新鮮さ」からオレンジやグリーンをアクセントとして使用しました。
      • 「安心感」や「ていねいな暮らし」からベージュを基調としています。
    • 素材(イラスト・写真)

      • 「新鮮さ」を意識し各種写真を選択しました。
      • 明度が十分でなかった写真は、Photoshopで調整し明るい印象を与えられるよう工夫しました。
  • コーディングのポイント

    • 注意した点

      • 「文字を含めて全体をまとめて画像で書き出す」のではなく、HTML・CSSでの実装を心がけました。
        (野菜のあしらいの部分や、お悩み・解決の吹き出し部分等)
      • HTMLのマークアップについてもdivを多用するのではなく、タグの意味を一つずつ考えた上で選択しました。
      • コーディングに充てられる期間も短かったので期日も意識し、スピード感を持って進めました。