ハンドレタリング専門店 Demo Site

手書きでのペイントにこだわるレタリング・ピンストライプ専門店をイメージしてデザインした架空のサイト。

デザインからコーディングまで行いました。

レスポンスシブで制作。
Retina Displayに対応し解像度に合わせて読み込む画像が変更されるように実装した。
画像サイズが大きくなることで読み込み時間が長くなることを考慮してローダーを設置。

WEBページ>プレビュー


制作環境

  • Windows 10
  • Photoshop
  • illustrator
  • Adobe XD
  • Visual Studio Code

デザイン
CSS,HTMLコーディング,Javascript

Matsuo Masahira