Web design
ビールの紹介ページ (職業訓練校 第1回制作課題)
| ターゲット | ビール初心者、ビール好き |
|---|---|
| 使用ツール | HTML CSS Canva |
| 制作期間 | 1か月 |
| 概要 | 職業訓練校の第1回制作課題は隣の席の好きなものを紹介するウェブサイト制作でした。隣の席の方がお酒が好きということでビールの紹介するサイトを制作しました。 |
| 工夫したポイント | ユーザーが見やすいサイトを目指すために、余白を取るようにしました。また、サイトの色は爽やかさ水色とビールのオレンジ色を使用しオリジナルキャラクター、ビールから誕生したビールウサギのイラストでビール初心者の方に見てもらうのを意識しました。 |
| 改善したポイント | レスポンシブ対応でフォントサイズが小さいと指摘があり、実際にスマートフォンを持ち、スマートフォンでイズは小さくないか確認しながら、修正しました。 |
| 学んだこと | サイトを作成前のデザインカンプを細かく作成することが重要だと思いました。事前にデザインを完成する前にコーディングをしてしまい。何度も大幅な修正をしてしまい、制作時間が長くなってしまいました。 |
架空のカフェサイト 「Pug Me Cafe」(職業訓練校 第2回制作課題)
| ターゲット | パグ犬が好きな人、かわいいもの・食べものに興味がある人 |
|---|---|
| 使用ツール | HTML CSS Canva |
| 制作期間 | 1か月 |
| 概要 | 職業訓練校の第2回制作課題はカフェサイトかポートフォリオサイト制作でした。いろんなかわいいテーマのカフェはありますが、パグ犬がテーマのカフェは全国でも少ないため、札幌にあったら常連になりたいと思うカフェサイト制作をしました。 |
| 工夫したポイント | パグ犬とカフェをイメージにしたブラウンをカフェのイメージカラーにしました。パグ犬を取り入れたカフェのロゴを作り、カフェをブランディングしました。 |
| 改善したポイント | カフェに関する情報が少なく、パグ犬らしさがあまりないという指摘があり、各ページに犬の足跡やパグ犬のカフェらしいメニューの写真を追加しました。 |
| 学んだこと | サイトを見て実際に行ってみたいか、魅力的に見えるかを客観的に見るため、ほかのサイトと見比べて足りない要素だったり、どうすれば良くなるのか知るため、ほかのいろんなカフェのサイトを見る必要があると思います。また、人に見てもらい、意見を聞くのも大事だと思います。 |