制作物
野菜宅配サービスのLP
コーディングデザイン
デジタルハリウッド「Webデザイナー専攻」の中間課題として制作したLPです。
-
概要
-
制作時期/期間
- デジハリ入学3ヶ月後に中間課題として制作。
- デザインカンプ作成,コーディングまで2週間で制作いたしました。
-
担当分野
- デザインカンプ制作
- コーディング(HTML,CSS,jQuery)
-
URL
https://yukari-k.com/sugutabe/
-
-
制作のターゲット、サイトコンセプトについて
-
ターゲット
- 30~40代の育ち盛りの子供がいる女性
- 働き盛りの夫にも、まだまだ元気でいてほしいと思っている妻
- 「ていねいな暮らし」が好き
-
サイトコンセプト
- 新鮮さ・信頼感・安心感
-
全体としてこだわった点
- 悩み→解決策→サービスについての説明と読み進められるよう、要素の順番を意識しました。
- 読み流しても全体の内容が把握できるように、キーワードはフォントサイズや色を変えました。
-
-
デザインカンプのポイント(配色や素材選びについて)
-
配色
- サイトコンセプトの「新鮮さ」からオレンジやグリーンをアクセントとして使用しました。
- 「安心感」や「ていねいな暮らし」からベージュを基調としています。
-
素材(イラスト・写真)
- 「新鮮さ」を意識し各種写真を選択しました。
- 明度が十分でなかった写真は、Photoshopで調整し明るい印象を与えられるよう工夫しました。
-
-
コーディングのポイント
-
注意した点
-
「文字を含めて全体をまとめて画像で書き出す」のではなく、HTML・CSSでの実装を心がけました。
(野菜のあしらいの部分や、お悩み・解決の吹き出し部分等) - HTMLのマークアップについてもdivを多用するのではなく、タグの意味を一つずつ考えた上で選択しました。
- コーディングに充てられる期間も短かったので期日も意識し、スピード感を持って進めました。
-
「文字を含めて全体をまとめて画像で書き出す」のではなく、HTML・CSSでの実装を心がけました。
-