2015/09/03
ホームページをレスポンシブ化しました

スマホやタブレットからのアクセスが増えてきて、閲覧にご不便をおかけしていること。
Googleが2015年4月から導入したアルゴリズムにより、これまで以上にレスポンシブデザインが推奨されるようになったこと。

これらの理由から、ホームページをレスポンシブ化することにしました。
どのようなサイズのデバイスでも快適に閲覧していただけるように、レイアウトを色々と変化するように工夫してみましたので、
スマホやタブレットをお持ちの方は、ぜひそちらでもアクセスして楽しんでいただけたらと思います。

レスポンシブ化を試みた結果、PCでもこれまで気がかりだった写真の掲載の仕方も改善することができました。
大きなモニターの方はより大きく写真を閲覧していただけるようにしました。
PCでは拡大した写真上をクリックすることにより実寸サイズで表示しますので、ぜひその状態でご覧いただければと思います。

ただホームページのコンセプトにおいて、これ以上写真の解像度を落とすことやテキストのボリュームを減らすことはできず、
特にスマホやタブレットの通信環境によっては読み込みが完了するまでに時間がかかる場合がありますが、どうかご了承くださいませ..

デザインの見た目の大幅な変更はしておりませんが、この機会にすべてのページを見直し、
より快適にご覧いただけるようになったと思います。

おおまかな変更点はこちら。

  • 1. トップページは情報が重複していたため、グローバルナビと更新情報のシンプルな構成にしました。
  • 2. 幅960px未満のデバイスではグローバルナビをメニューボタン化。スクロールすると追随するのでいつでも他ページへ移動できます。
  • 3. 画像を極力減らし、ウェブフォントやウェブアイコンを使用することで少しでも軽量化の方向へ。
  • 4. 全てのコンテンツの写真拡大時Scriptを変更。PCはドラッグまたは矢印キー、タブレットやスマホではスワイプすることで次の写真へ。
    (ちなみにタブレットやスマホでの拡大表示の解除方法は、写真以外の場所をスワイプすると元のページに戻ります)
  • 5. FLOWERにお花の色別のリンクを設置。そして未掲載の写真がありましたので、枚数を増やしました。
  • 6. MOUNTAIN TRIPのGooglemapは、PCのみにしか対応できないので廃止。
  • 7. MOUNTAIN TRIPの一覧を、PCではタブ化、スマホではアコーディオンメニューに変化するScriptを入れることで整理しました。
  • 8. MOUNTAIN TRIPやROAD BIKEの詳細ページの写真サムネイルは、スマホではコメント付きのリスト表示へ。
  • 9. お問い合わせフォームを設置しました。

できる限りの動作確認等しておりますが、
もしどこか不具合やお気付きの点がありましたらお聞かせください。