制作実績

Works

和風カフェサイトのコーディング

制作期間

デザイン

12時間程

コーディング

6時間程

使用技術・使用ツール

  • HTML5
  • CSS3
  • JavaScript
  • Adobe PhotoShop
  • Adobe Illustrator
  • VSCode

デザインに関して、色味の統一と間の2つを意識して制作しました。ギラギラの原色は使わないようにし、 優しい茶色に白色のグラデーションをかける事で優しさをさらに際立たせました。また、画像や文字の詰め込みすぎは「和」とは かけ離れてしまうので文字間、行間、画像の使い方にも気を使っています。
コーディングに関しては、スクロールに合わせて情報がフワッと出現するアニメーションを取り入れて、サイト全体のイメージに合わせました。 無駄なコーディングを減らす事も意識し、なるべくfor文を使うように努めました。