新鮮野菜を直売「スグ食べ」 ウェブサイト(自主制作)

デジタルハリウッドWebデザイナーコースの課題で制作した、 農家直送の新鮮野菜を販売する「スグ食べ」のWebサイトです。

サイトのURL

https://work-akiyamanishi.com/sugu-tabe

ターゲット

大都市に居住する、30~50代の女性。家族の健康のために有機栽培などの新鮮野菜に興味を持っている方。

制作工程

ロゴやテキスト文章は配布されたものを使用。Figmaでデザインカンプを作成し、写真や背景の微調整に Photoshopを使用し、Visual Studio Codeでコーディングしました。写真や文字に動きを付けるために、jQueryを使用しました。

制作意図

「高級感のあるリッチなサイトに」という指示でしたので、なるべく生活感を感じない印象的な写真を使用しました。また、バックグラウンドに視線誘導を兼ねてグラデーションが入った背景を使用し、単調にならないように制作しました。

レスポンシブ対応

あり

制作期間

約2カ月

制作ツール

Figma, Visual Studio Code, Photoshop