有限会社さくら不動産様が運営するホテルさくらのファミリア名護様は、名護市の静かな海沿いに建つ全室オーシャンフロントのホテルです。目の前には白い砂浜が広がり、客室からは時間とともに表情を変える海を眺められます。今回、公式サイトの全面リニューアルをご依頼いただきました。
当オフィスでは、以下の内容を総合的に担当しました。
まずトップページの設計図を1枚つくり、そこで決めた余白・文字の大きさ・写真の見せ方を、共通のヘッダーとフッター、そして下層の9テンプレート（一覧6種・詳細3種）すべてに行き渡らせました。ページごとに作りが変わらないので、どこを見ても同じ手ざわりになります。
このホテルの魅力は、窓の外に広がる海そのものです。写真を大きく見せることを最優先に、文字は控えめに重ねました。ファーストビューは3枚の写真がゆっくり切り替わり、周辺スポットの紹介は横へ流れるカルーセルで見せています。日本語の下には英文を添え、海外からのお客様にも伝わるようにしました。
パソコン・タブレット・スマートフォンのどの幅でも崩れないよう、15ページ×5つの画面幅＝75通りを機械で測りながら調整しました。写真の上に白い文字を重ねる箇所は、実際に描かれた色を1画素ずつ測ってコントラストを確認し、163件すべてでWCAG AAの基準を満たしています。
客室・朝食・設備・周辺スポット・お知らせの5種類を、管理画面から追加・編集できるようにしました。設備12件、周辺スポット9か所はそれぞれ一覧と詳細を持ち、写真や説明を差し替えるだけで表示が変わります。Instagramの投稿もトップページに自動で並びます。
外部の予約システムへのボタンを、ヘッダーと各ページの読み終わりに置きました。スクロールしてもヘッダーは画面の上に残るので、「予約したい」と思った瞬間に押していただけます。
サイトで使う写真37点の明るさを1点ずつ測り、白く飛んでいた27点に階調補正をかけました。海と砂浜の色が、どの写真でも同じように出るようにしています。