石井花壇(トップページ+3ページ)

OVERVIEW

デザインカンプを基にコーディング

YEAR 2021 - 2021

石井花壇(4ページ規模の公式サイト)のコーディングです。

こちらは架空サイトのデザインカンプ(Adobe XDデータ)をもとに、コーディングを行いました。

  • レスポンシブル対応
  • トップページ
  • 詳細ページ(3ページ)

文字はロゴ以外、テキスト表示になっています。

コーディング~サーバーにアップするまでの所要時間は、4日(約28時間)でした。

主に

  • 縦書き表示
  • トップイメージのアニメーション
  • タブ
  • モーダル(予約情報)
  • スクロール後のヘッダーデザイン変更

などを行っています。

JavaScriptライブラリ「aos.js」を利用し、少しふわっとする表現を取り入れています。


ポートフォリオ用に公開するため、BASIC認証を設定しております。

閲覧の際は、以下をご使用ください。

ユーザー名:viewer

パスワード:portfolio@123

WEBSITE