Facebook ホームページ制作
Logo

ホームページ制作

クレジット
Avatar
Webデザイン
Webページ制作
ホームページ制作-1
シェア
制作ノート
仮想コーヒー豆のホームページ制作


|コンセプト

毎朝のコーヒーからちょっとした幸せを

|目的

サイトリニューアル 新規開拓のため

|ペルソナ

毎日コーヒー豆をひく30代女性、無印、ユニクロ好き

|制作プロセス

ペルソナ設定/カンプ設定/illustrator /Photoshopを使用しファーストビュー作成/バナー作成/商品写真の作成コード作成

|制作時間

3日間

|工夫した点

一目で見てコーヒのイメージが湧く様に色味に気をつけました。朝起きたタイミングでコーヒーを飲んで欲しいという思いから、ロゴを目覚ましとコーヒーを合わせたもので考えました。わかりやすくなるよう、ナビゲーションメニューにカーソルがホバーしたタイミングで色を変えるように設定いたしました。

|苦労した点

余白調整が難しかったです。初めてのホームページ制作でしたので、コードを入れてみてもうまく作動しないことが多かったです。また、メディアクエリの設定をどのサイズにするかなど自ら考えて設定する難しさを痛感しました。

|改善・振り返り

メディアクエリを1920px /800pxで設定したものの、800pxに行くまでにレイアウトが崩れてしまいました。次回はレイアウトが崩れてしまう直前でもう一つメディアクエリを設定してみようと思います。

シェア
HANA YAMASHITAの他の作品