WEBデザイン

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

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

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

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

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

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

コーディング画面

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

ブレイクポイント説明図

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

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

関連記事

  1. 長浜市観光協会 様/チラシ・チケット・案内板制作
  2. アクトのイメージ動画のご紹介
  3. 福井和泉リゾート 様/ネーミング・ロゴ・WEBサイト制作
  4. 長浜市立南小学校 様/記念誌
  5. 日野観光協会 様/パンフレット制作
  6. 長浜動物霊園 愛慈苑 様/Webサイト制作
  7. 長浜観光協会 様/イベントチラシ・チケット・ポスター制作
  8. 和の祭典「近江のおもてなし」実行委員会 様/Webサイト制作

スタジオ紹介

ECサイト「CUBE」紹介動画です。

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

おすすめコンテンツ

動画(映像)制作

VRコンテンツ

ドローン撮影

3DCG

イラストレーション

アクトの営業案内パンフレット

営業案内パンフレット

TWITTER@スギノヨシカズ

PAGE TOP