モダンで、ちょっとお高めのベーカリーWebサイト。

bakery_sample

FlexboxとGridを活用し、北米で流行しているデザインスタイルを意識。

2023年にトロントにあるSenecaカレッジで、プログラムの基礎を一通り学びました。
こちらのWebサイトは、FlexboxとGridを使用した課題で制作しました。
(そのため、英語で書かれています)

このWebサイトに使用したロゴはIllustratorで作成しました。

title_outline

制作内容   Webサイト
規模   3ページ
制作期間   約10時間
使用ツール   HTML、CSS
URL  https://portfolio.ikucode-webdesigns.com/modules/www102/www102-assignment-
  1/home.html

title_idea

制作の目的

「カナダ・トロントの、東京でいう表参道にあたるようなエリアに若いカップルがフレンチスタイルのベーカリーをオープンした」というのを想定して制作しました。

FlexboxとGridを活用し見やすく、北米で流行しているデザインスタイルを採用しました。

イメージ

TOPページを見たときにどんなお店か想像しやすいよう、ニューヨーク、トロント、東京のベーカリーをリサーチし、ニューヨークで好まれるスタイルを参考に、ベーカリーっぽくてモダンな、そして清潔さを感じさせるデザインを意識しました。

また、全ての食べ物・飲み物が美味しそうに見えるように、Photoshopで全ての画像の明るさを調整しました。

イメージカラー

こげ茶色、金色、白色