WEBデザイン

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

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

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

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

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

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

コーディング画面

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

ブレイクポイント説明図

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

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

関連記事

  1. エルブライド寿光苑 様/B4チラシ
  2. 長浜市立南小学校 様/記念誌
  3. 長浜観光協会 様/イベントチラシ・チケット・ポスター制作
  4. アクトのイメージ動画のご紹介
  5. MUKKU -interior & furniture…
  6. 近江鉄道株式会社 様/ラッピングバスデザイン
  7. 長浜市観光協会 様/チラシ・チケット・案内板制作
  8. 福井和泉リゾート 様/ネーミング・ロゴ・WEBサイト制作

スタジオ紹介

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

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

おすすめコンテンツ

動画(映像)制作

VRコンテンツ

ドローン撮影

3DCG

イラストレーション

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

営業案内パンフレット

TWITTER@スギノヨシカズ

PAGE TOP