スグ食べ(デジタルハリウッドbyLIGでの中間課題)

OVERVIEW

デジタルハリウッドbyLIGでの中間課題です。 テキストとロゴは先方指定のものを利用していますが レイアウト、デザイン、コーディングはイチから作成しました。

YEAR 2023 - 2023

概要

* 利用ツール: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代以降の子供のいる女性、または健康志向のある働く女性

* サイトのゴール:お試しの契約(からのサービスの正規契約)

* サービスの強み:すぐに「良い野菜」が届く

* 利用の流れ:広告などから流入→メインビジュアル・サービス概要→すぐたべの強み→サービス保証→(申込み)→農家からのコメント・利用者の声→申込み


デザイン

* 配色:使用する色数を少なめにする。サービスロゴの赤をアクセントに利用する

* 全体的なイメージ:女性向けにシャープだけどナチュラル(大人っぽいけど洗練された)


実装

* なるべく動きをつけて今のトレンド感を出す

* 工夫した点:

動きをつけて今っぽくなるように意識しました。タグを揺らしてタグっぽく見せています。



WEBSITE