【架空サイト】ベジタブル・レシピLP

OVERVIEW

ポートフォリオ用に作成した架空のLPです。 ワイヤーフレーム自体はスクールで配布されていたものを使用していますが 画像等の素材などはフリー素材を使用の上、一部加工しました。

YEAR 2020


■担当箇所:デザインカンプ・コーディング・バナー作成

■使用ソフト: PhotoshopCC・IllustratorCC・Dreamweaver2020

■使用言語: HTML・CSS

【制作時間】:約10時間


■リンク部分

リンク部分のテキストとホバー部分は『トマトレッド(#ea5549) 』を使用した。

また、ホバー部分(画面左)はCSSで左から右に色が変わるアニメーションを実装した。


■バナー

 文字が読みにくくならないよう、できるだけシンプルな画像を選んだ。

 また、元の背景が白いものについては、枠を付けるなど、

 本文との境がわからなくならないように心がけた。


■コーディング

  HTML、CSS共にあまり複雑にならないように意識してコーディングした。

 また、Dreamweaverを使用し、エメットを使用しながら作業しました。

(使用ソフト:Dreamweaver2020 使用言語:HTML・CSS)