食品メーカーのコーポレートサイトを想定して制作しました。HTML,CSSで制作したものを、headerやfooter等の共通部分をパーツ化しPHPで構築しました。
※画像、テキストはダミーのものです。
| 企画、デザイン | 15時間 |
| コーディング | 15時間 |
| (修正,PHP,モバイル対応)コーティング | 20時間 |
| 使用ツール | illustlatior,XD,HTML,CSS(scss),JavaScript,PHP |
| 対応機種 | PC,SP |
サイトについて
コンセプト・デザイン
フードロス問題に取り組む食品メーカーからの依頼を想定して制作した架空のWEBサイトです。
トップページのヘッダー部分では企業のメッセージを強調するため”食”の文字を中心に揃えてあります。
食品メーカーなので一般のお客様にも閲覧されることを考え、親しみやすさ・温かさを持ってもらえるように暖色系の色で固め、メインカラーをレッド、ベースカラーをアイボリーにしました。
またフードロス問題の取り組みのページでは、トップページとの差別化と環境問題を表現するため、グリーンをメインカラーとし、難しい印象を与えないように背景にイラストを用い柔らかい印象にしました。