スグ食べ 制作課題
サイト概要
デジタルハリウッド STUDIOの中間課題です。 テーマ、原稿、ヒアリングシートは用意されていて、ペルソナに対して伝わる内容を意識しながら、写真などの素材も自分で剪定して デザイン、コーディングする課題です。
-
クライアント
デジタルハリウッドSTUDIO仙台 制作課題
-
制作期間
3週間
-
ページ数
1ページ( LP )
-
担当範囲
デザイン | コーディング | 素材作成
-
使用ツール
Photoshop | Dreamweaver ( HTML | CSS | jQudry | JavaScript )
-
URL
http://sasajiro.com/sugutabe/index.html
ターゲット層
30代〜50代の主婦の方
コンセプトは「フレッシュな感じ」
野菜の新鮮さと明るいキッチンをイメージし、サイトカラーは赤・黄・緑で野菜のフレッシュ感を表現。全体の背景はまな板のような木目調の背景を採用。おしゃれなカフェ看板のように黒板のようなデザインも取り入れました。
「コンバージョン」を意識
初めてWebサイトを自分でデザインしコーディングした作品です。 いかにボタンを押してもらうかを意識し、ボタンデザインの強調と、複数個設置する事でクリックを促しています。何のサービスをしているサイトなのかがしっかり伝わる事を意識してデザインしました。
その他の工夫したところ
- 写真以外の素材(ボタン・アイコン・吹き出し等)は全てオリジナルで制作しました。
- あらゆるサイズにレスポンシブ対応する為、メディアクエリを7つ設置しました。
- スリックスライドを組み込み、写真やコメントを沢山表示できるようにしました。