見出し画像

【夏#10】観光協会のホームページ鑑賞会

夏休みの毎日投稿チャレンジ!昨日はつぶやきのみの残念投稿になってしまいましたが、気を取り直して頑張りたいと思います!

webページ制作に向けて、観光協会のホームページはどんなものなのか、実際のサイトを見てみることにしました。


使ったGoogle拡張機能

GoFullPage - Full Page Screen Capture

ページを1ページまるごとスクリーンショット出来ます。

HTML5 Outliner

ページの見出しを抽出できます。

HeadingsMap

こちらもページの見出しを抽出できる拡張機能です。
HTML5 Outlinerでうまく抽出できなかったときに試す用。


今年行きたい海外旅行先

サイトで独自のアンケートを取ったのでしょうか?
まずは日本人に人気の国のHPを見てみます。

  1. 韓国

  2. 台湾

  3. スイス

  4. ハワイ

  5. スペイン

  6. クロアチア

  7. フランス

  8. オーストラリア

  9. タイ

  10. グアム

1.韓国

https://japanese.visitkorea.or.kr/svc/main/index.do

韓国観光公社公式サイト「VISITKOREA」

2.台湾

https://jp.taiwan.net.tw/

交通部観光局-台湾観光情報ネット

3.スイス

https://www.myswitzerland.com/ja/

スイス政府観光局公式ホームページ | スイス政府観光局

4.ハワイ

https://www.allhawaii.jp/

ハワイ州観光局 - ハワイの旅行情報 | Go Hawaii

5.スペイン

https://www.spain.info/ja/

スペイン観光 | スペイン観光に関する情報 | spain.info

  • 1 スペイン観光公式サイト

    • 2 お勧めの観光スポットをご覧ください

    • 2 必見

    • 2 その他おすすめ旅行プラン

    • 2 退屈を吹き飛ばすイビサの夜

    • 2 ルートプランナー

    • 2 最高のイベントを満喫しよう

    • 2 MUSEG。セゴビア音楽祭

    • 2 セーリング:Mapfreレガッタ国王杯(Regata Copa del Rey Mapfre)

    • 2 ニット・デル・アルバ祭り

    • 2 必要なお役立ち情報全て

    • 2 #visitSpain

    • 2 スペインへの旅のおすすめプラン

6.クロアチア

https://japancroatia.org/

日本クロアチア協会 - Japan Croatia Society

  • 1 日本クロアチア協会

    • 2 日本とクロアチア2つの国をむすぶ“架け橋” として

    • 2 お知らせ

    • 2 特集

    • 2 当協会について

    • 2 お問い合わせ

7.フランス

https://www.france.fr/ja

フランス旅行のアイディアを発信する公式サイト - France.fr

8.オーストラリア

https://www.australia.com/ja-jp

オーストラリア政府観光局 公式ウェブサイトへようこそ

  • 4 「グッデイ!」からはじめよう

  • 4 大自然と国立公園

  • 4 食事とドリンク

  • 3 最高の旅行を実現しましょう

  • 2 おすすめの場所

  • 2 オーストラリアの人気アクティビティ

  • 2 旅の計画をする

  • 2 @Australia

9.タイ

https://www.thailandtravel.or.jp/

タイ観光案内サイト | 【公式】タイ国政府観光庁

  • 1 【公式】タイ国政府観光庁

    • 2 NEWS

    • 2 重要なお知らせ

    • 2 #こんなタイ知らなかった

    • 2 旅のテーマから探そう

    • 2 特集 “とっておきのタイ情報”

    • 2 動画で見るタイ

    • 2 タイとつながろう

    • 2 キーワードから探す

    • 2 タイの地図

    • 2 旅に必要なリスト

    • 2 おすすめ情報・キャンペーン

    • 2 スペシャル企画

10.グアム

https://www.visitguam.jp/

グアム政府観光局 | グアムのホテル、レストラン、イベント、アクティビティなど

  • 4 Hafa Adai!グアム政府観光局へようこそ!

  • 2 【最新情報】

    • 5 グアムへの渡航

    • 5 ウィークリーグアム

    • 5 旅行予約

    • 5 現地イベント2023

    • 5 デジタル税関申告書

    • 5 旅行会社からのお知らせ

    • 4 グアム政府観光局 公式SNSでは様々な情報を投稿中!

      • 5 \\ フォローお願いします! //

    • 4 公式YouTube情報

    • 4 Plan Your Trip

だいたい共通していること

  • 写真多い

  • 背景はシンプル

  • 動画なども多い

  • 文字大きい

デザインカンプで意識したいこと

  • 写真を多く使う

  • コードが組みやすい配置

  • レスポンシブデザインにしやすいようにする


この記事が気に入ったらサポートをしてみませんか?