WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

写真を用いて地元の魅力を最大限に出す

   

名称未設定 1

新潟県長岡市の「川口」を観光地として川口観光協会が紹介している「えちご川口」のホームページです。

まず画面全体に表示される川口で見られる風景を撮影した写真がスライドしています。この時点でもう川口の魅力にハマってしまったのですが、画面に表示されている鯉のシルエットもまるで風景の中を泳いでいるようでとても素敵です。右側のロゴ部分も短冊のように垂れ下がっていてオレンジ色が写真に負けないよう上手く強調されています。

また、この鯉は下にスクロールするのと一緒に動く仕組みになっているのですが、中央の大きい鯉のみ全く動かず、逆に存在感を主張していて目が行くように工夫されていると感じました。画面右側にブログや散策コース、左側にお土産や温泉など様々な観光スポットが散りばめられていて、どれから見ようか迷ってしまいますね。

メニューの部分も固定化されており、ある程度ページの下に行くと邪魔にならない程度の高さでメニューが表示されます。こちらはまた一変して赤い背景に白い文字といった感じでまた和風のテイストが素敵です。

最後に画面を1番下までスクロールさせるとロゴや住所が書かれているのですが、その背景がまた綺麗な写真で彩られています。各ページごとに写真も変わり、どうやらタイトル部分の背景と連動しているのですが、せっかくの綺麗な写真が内容の部分で隠れてしまって全体が見えない!なんて事がないように下まで行くときちんと見れるように工夫されているのがまた嬉しいですね。

交通アクセス・お問い合わせのページの写真は夕暮れ時の写真が特に綺麗でずっと見ていたいです。ちなみに「川口フォトコンテスト」で応募した写真が使われているようで、「川口フォトギャラリー」のページで見ることも出来ます。時間があるときにゆっくり見ていたいサイトですね。

 - 写真で表現 , ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

イルミネーションの世界観を大切にしたフォント

2016年の11月17日から2017年2月14日まで開催されている「カレッタ汐留 …

手軽さやオシャレ感を上手くアピールする

「MY BAGEL」というPascoのパンを色々アレンジして楽しもうという紹介サ …

雑誌のようなレイアウトのスライダーを使った美容室のサイトがカッコいい!

愛知県名古屋市と豊明市にある美容室「BUSH」のホームページです。 ファーストビ …

森の中をイメージさせるサイトのデザインが可愛い!茨城県つくば市にある結婚式場「バウム」

茨城県つくば市二ノ宮の少人数結婚式の結婚式場「レストランウエディング バウム」の …

右下にリンクテキストを配置することで、次のページに行きやすいようにする

人工芝を使ったハンドメイド商品などを制作・販売しているネットショップ「部屋とmi …

動画・写真を活用した重厚感のあるデザインの酒造会社のサイト4選!

先週から暑い日が続いていますね…最近は「暑い」しか言っていない気がします。 夏の …

ジャンプ率の差を大きくしてタイトルを目立たせたツアーサイト

「UNISON SQUARE GARDEN」の6thアルバムツアー「Dr.Izz …

GWに開催されるジャズイベントのサイトがかっこいい!

2017年の4月28日・29日・30日の3日間にわたって東京の「ワテラス」で開催 …

手描きのようなアイコンで視認性だけでなく、見た目にも可愛らしさを

東京都中央区新川にある和菓子屋「翠江堂(すいこうどう)」のホームページです。 左 …

情報の内容ごとに、デザインを変えてそれぞれの印象を持たせる

JR西日本の「あしたセレンディピティ」の特設サイトです。 女性らしく可愛らしいデ …