WORKS(実例紹介)

グリーンホテルYes長浜みなと館 様/Webサイト制作

→グリーンホテルYes長浜みなと館 様サイトを見る

地元長浜市にあるグリーンホテルYes長浜みなと館様のホームページのリニューアルです。
ディレクターがお客様とのヒアリングを何回も重ね、どういった方向性のWEBサイトにするか決めていきます。
リニューアルのポイントは、PC閲覧用・スマホ閲覧用WEBサイトと分れていたものを統一し、レスポンシブサイトにすること。文字や写真の表示サイズを大きく読みやすくすること、更にみなと館様の特徴をアピールするためのページを増やすこと。また、お部屋をわかりやすく紹介するための工夫として「VRコンテンツ」を導入することになりました。

次にWEBデザインを作っていきます。
ホテルの清潔感を表現し、文字が読みやすいサイトにするためにデザインバランスを整え、サイズやボタンの配置等をデザインしていきます。

画面キャプチャ デザイン制作画面

ページの配置が決まったら、レスポンシブサイトなので、高解像度のスマホ用画像なども考慮しながら必要な素材(画像やPDFなど)を作っていきます。素材が揃ったらコーディングです。

コーディング画面

今回は、基本的にデザインを切り替えるブレイクポイントを2か所設定し、スマホ用、タブレット用、パソコン用とそれぞれのレイアウト、バランスを整えながらコーディングしていきます。

ブレイクポイント説明図

みなと館様にそれぞれのデバイスでご確認いただいてからサーバにアップロードして公開します。今回、古いホームページのデータは他で使用しているため、暫らくはそのまま残しておく必要がありました。検索すると古いホームページが閲覧できてしまうため古いホームページにアクセスすると新しいページへリダイレクト(自動転送)するように設定しています。

今後、ホテルの空撮動画、ホテル内設備の映像、そして、VRコンテンツを追加する予定。更新作業も都度、みなと館様のご要望に合せて対応させて頂いております。

関連記事

  1. 近江鉄道株式会社 様/ラッピングバスデザイン
  2. 日野観光協会 様/パンフレット制作
  3. 近江鉄道株式会社 様/看板製作
  4. エルブライド寿光苑 様/B4チラシ
  5. MUKKU -interior & furniture…
  6. 株式会社村田製作所 様/求人パンフレット
  7. 長浜動物霊園 愛慈苑 様/Webサイト制作
  8. 福井和泉リゾート 様/ネーミング・ロゴ・WEBサイト制作

スタジオ紹介

ナレーション音声サンプルです。

おすすめコンテンツ

動画(映像)制作

VRコンテンツ

ドローン撮影

3DCG

イラストレーション

TWITTER@スギノヨシカズ

PAGE TOP