CreativeDesignersOfficeK

制作事例

東北の桜の名所紹介サイト制作

  • オリジナル
  • 観光

参考URL:

https://cd-officek.com/works/sakura/sakura.html

更新内容 随時更新予定!

2021/03/18 初稿を投稿しました。

2021/03/19 デザインレイアウトを変更しました。

2021/03/19 ホバーアニメーションを修正しました。

2021/03/19 スクロールアニメーションを追加しました。

2021/03/22 デザインを一部変更しました。

2021/03/22 スライド内の画像を修正・追加しました。

2021/03/22 桜吹雪のアニメーションを修正しました。

2021/03/23 レスポンシブ対応を行いました。

2021/03/24 デザインを一部変更しました。

こだわり

意識した点は、春らしさが伝わること、見ることでその場所に行きたいと思わせること、花見のときのように楽しげであることの3点です。

ホームページの一番上には、美しい桜の写真をスライドで表示。

場所も花びらの形や色、大きさも違う桜の写真を用いているのは、場所は違えど桜は美しいということを伝えるためにこのような写真を選びました。

東北6県の桜の写真は、名所を調べながら桜の鮮やかさ、きれいさを表現しているような桜を選んでいます。

また、各所の簡単な説明は写真の美しさをできるだけ損なわないように、かつ、読みやすいように少し透明の白を背景色として用いています。

アニメーション

春らしさをアップさせるために桜吹雪をイメージしたアニメーションを導入しています。

また、各所の桜の写真はマウスカーソルを当てると大きくなるように設定しています。

動きをつけるうえで被写体である桜の美しさをスッと強調させるためにこのようなアニメーションにしています。

Back To Archive Back To Top