Imami's Portfolio

作品詳細ページです

自転車のある風景

自転車のある風景トップ画像

このサイトについて

  • 架空のフォトギャラリーサイトです。
  • コンセプト:日本と世界を自転車で旅する男性のフォトギャラリー
  • 制作期間:約5日
  • ターゲット:20〜40代男女
  • 配色:写真を際立たせるように白をベースにシンプルなデザイン


工夫した点

自転車のある風景ポイント01画像

PC画面(左)とスマホ画面(右)


1ギャラリーの画像に動きをつけて印象に残るサイトに

JavaScript「AOS」を使用し、ギャラリーサイトの画像が下からスッと出てくる動きを出しました。オンマウスで画像を拡大させ、モノクロをカラーに変化させることで印象に残る表現にしました。

[参考にした本]
SB Creative「HTML&CSSとWebデザイン実践講座」Mana著





自転車のある風景ポイント02画像

2jQuery「Lightbox」を使い、画像を拡大表示できる

ギャラリーの画像をクリックすると、Lightboxで全体が拡大表示されます。


ウェブサイトを見る

TOP▲