架空パン屋Webサイトトップページ制作

- 情報整理 

タイルレイアウトの特徴を活かしてパンの商品を整列させて、商品がわかりやすいように並べた。 

- 配色 

コンセプトである柔らかさを表現するため、トーンオントーンの配色パターンを採用した。黄色と緑色を基準に、アクセントカラーは橙色を使っている。 

- タイポグラフィ 

明瞭な印象を与える狙いから、文字サイズを30pxに、行間を44pxに調整した。タイトルの部分は特に強調させるよう文字サイズを40pxに、行間を58pxしている。 

- 図版・装飾・トレンド 

商品一覧の背景の装飾を木目のテクスチャにし、パンをテーブルに並べている様子を表している。また、オンラインショップのボタンはグラデーションにし、立体感を表している。商品一覧はマテリアルのトレンドを意識して制作している。