スグ食べ(デジタルハリウッドbyLIGでの中間課題)
デジタルハリウッドbyLIGでの中間課題です。 テキストとロゴは先方指定のものを利用していますが レイアウト、デザイン、コーディングはイチから作成しました。
概要
* 利用ツール:Photoshop,Visual Studio Code,git pages
* 作成時間:10営業日程度(企画:2営業日+デザイン(簡易WF+カンプ作成):4営業日+コーディング&デプロイ4営業日)
* 作成の背景:デジタルハリウッドbyLIGでの中間課題として取り組みました。テキストとロゴの画像については指定がありますが、その他はいただいた情報からターゲットやサイトのターゲットなどを考えサイト作成にあたりました。
* 初めてデザインからコーディングまで行った作品です。
作成内容
* 作成サイト:https://okaka230214.github.io/sugutabe/
* デザインカンプ(PC):https://okaka230214.github.io/sugutabe/assets/images/SUGUTABE_pc.jpg
* デザインカンプ(SP):
https://okaka230214.github.io/sugutabe/assets/images/SUGUTABE_SP.jpg
* ソースコード→https://github.com/okaka230214/sugutabe
企画
* 目的:ターゲットに対してCVを上げる
* ターゲット:30代以降の子供のいる女性、または健康志向のある働く女性
* サイトのゴール:お試しの契約(からのサービスの正規契約)
* サービスの強み:すぐに「良い野菜」が届く
* 利用の流れ:広告などから流入→メインビジュアル・サービス概要→すぐたべの強み→サービス保証→(申込み)→農家からのコメント・利用者の声→申込み
デザイン
* 配色:使用する色数を少なめにする。サービスロゴの赤をアクセントに利用する
* 全体的なイメージ:女性向けにシャープだけどナチュラル(大人っぽいけど洗練された)
実装
* なるべく動きをつけて今のトレンド感を出す
* 工夫した点:
動きをつけて今っぽくなるように意識しました。タグを揺らしてタグっぽく見せています。