【課題３】ワズカフェ WEBデザイン＆コーディング
欲しい情報をさらっと見られるようにしました
「ワズカフェ WEBデザイン＆コーディング」
| 課題内容 | 天白区植田に新規開店する「ワズカフェ」のｗｅｂページデザインとコーディング。ホームページによる知名度の向上と集客の増加を狙い、４～５ページで作成。 |
|---|---|
| サイトコンセプト |
|
ロゴデザイン |
コーヒーが自慢の店なので、クラシックタイプのミルをモチーフに円形ハンドル部分に「ＷＡＳ」、ボディ下部に「Ｃａｆｅ」を配しました。 メインカラーはコーヒーをイメージさせるダークブラウン（C50、M70％、Y80、K70％）。 |
| 制作意図 |
1.ターゲットが幅広いため、どの年代にも見やすく、また知りたい部分をサクッと見てもらえるよう、シンプルを極める 2.トップページはサイトのダイジェストとして、ナビゲーションボタンのほかに見てほしいページのリンクボタンを設置 3.リンクボタンはごちゃ感を誘わないよう、補助的なものはテキストリンクにしました。 4.時事的な案件は同じページにまとめる、主要ページの仕立てや写真サイズは同じにするなど、変更を容易にしました。コーディングに詳しくないスタッフでも対処でき、ページのメンテナンスにかかるランニングコストを抑えることができます。 |
| 制作時間 | デザイン約５時間、コーディング約４０時間、 完成２０２２年２月１７日 |
| 制作環境 | Windows_OS10、Adobe Illustrator CS5、CC2022、Adobe Photoshop CS5、CC2022 | 反省・感想 |
自分のポンコツぶりが骨身にしみたコーディング。 「この課題は、凝ったものを作ろうと思わないで、与えられた主題と素材で確実に完成させて提出することを最優先します」との先生のお言葉に心を強くし（!?）習ったコーディングをやりくりして何とか納期に間に合いました。 丁寧に説明してくださった先生に感謝！ |