カテゴリー別アーカイブ: 自社web site

宿泊ページを一部改良


レスポンシブを簡略化しすぎてたので、
少し改良しました。

そして、
宿泊ページが長いため、
料金表がどこにあるのかわからない。

空室状況がどこにあるのかわからない。

等の問題解決のため、
昔のように独立ページを作りました。


1. 料金表ページ作成

2. 宿泊ページにボタンを6つ作成
(料金表、空室状況、料理を各2つづつ)

3. 6つのボタンをレスポンシブ化

ということで完成。


デスクトップの場合。

パターン1のボタン3つが、
30%くらいで並びます。


縮めていくと、
レスポンシブじゃない元々のボタンは、
大きさ変わらずリキッド式に流れます。

しかし、
レスポンシブの3つのボタンは小さくなり、
30%くらいで並び続けます。


さらに縮めていくと、
レスポンシブの新しい3つのボタンは、
パターン2の3つのボタンに入れ替わり、
30%くらいで並びます。

文字をキャプションではなくて、
直に書いてるので、
文字も一緒に小さくなるためです。

高さもなくなり薄くなるのもあります。

ホントはキャプションを使って、
文字の大きさを変わらないようにすると思います。


さらに縮めていくと、
3つのボタンはパターン1にもどって、
1列になります。

レスポンシブじゃないボタンは、
大きさは変わらず、
スマホで見ると2列になると思います。


ということで、
やってみたもののまたもや中途半端なレスポンシブ。

またそのうちやると思います。

よろしくお願いいたします。


改装した和室ベッドルームは、5種類の違った雰囲気になりました。


2019年4月27日から、
3階の和室10畳が新しくなりました。

5部屋ですが、
それぞれ違ったタイプのお部屋になりました。


303号

黄金の茶室をイメージ。


304号

アメリカンな赤をイメージ。


305号

白と黒のモダンをイメージ。


306号

ヴィンテージをイメージ。


307号

伊藤若冲をイメージ。


自社webもようやく、
和室10畳のページを更新。

徐々に写真や動画を増やす予定です。

和室10畳にベッドを入れるとだいぶ狭くなります。

写真で広く見せるようなことは嫌いなので、
動画がわかりやすいかもしれませんね。


松之山温泉ミストのプレゼント応募方法 2018


この夏前から、
温泉ミストのプレゼント応募方法を変えました。

今までは、
フロントの応募用紙に書いてもらっていましたが、
面倒くさいですよね。

書くのが。

そしてついに動きました。


自社WEBから予約の時に、
チェックするだけで応募が完了します!

これは楽です。

なぜ今まで気づかなかったのか。

薄々気づいていたのか。

当然いらない方はチェックしなくてもいいです。


メールで届いた予約フォームを、
印刷して、
それを折りたたんで、
抽選の時に引きます。

A4なのでデカいです。


抽選会はYouTube Liveで生中継

あっという間の抽選会に参加してみましょう!



新web site完成


ようやくアップしました。

実は1年前の春完成予定でしたが、
間に合わずにようやく完成。

2年かかりました。

実際には春夏秋と作ってません(笑)。

前回は3年前ですね。

pc版とスマホ版の2種類作っていて、
スマホ版をレスポンシブに変えた時。

あの時点でレスポンシブを自社で作ってる人って、
珍しいんじゃなかろうか。


今回は、

1. pc版とスマホ版を統合して、
レスポンシブで1本化

2. ドロワーメニューの導入

ここまでのシステムを1年前の冬に作成。

この冬に、

3. ページの作成

4. SSL対応化

ということで、
2月中旬にアップしました。



ナビゲーションが下にずれていき、
最終的には2列になるという、
レスポンシブじゃないじゃん!

リキッドタイプをメインにしていて、
レスポンシブは退化しています(笑)。

時間があればレスポンシブでがんばります。

しばらく静観。


ドロワーメニューは、
CSSで作りました。

隠されたチェックボタン方式ですね。

しかし問題があって、
ドロワーメニューから行って戻ると、
ドロワーが開いた状態のとこに戻るということ。

この直し方がわかりません。

でもドロワーメニュー使わなくてもよさそう。

しばらく静観。


レスポンシブが活躍するのは、
写真の入れ替えやflexの解除。

写真は2つ書き込んで、
幅によって1つ消しています。

最終的に2週間悩んだのが、
予約フォームへのリンクですね。

2月中旬にアップしてたのに未完成でした。

PCで見るとPC版予約フォーム、
スマホで見るとスマホ版予約フォームへ飛ぶようにするには?

予約フォームをレスポンシブで1本化しようかと思いましたがあきらめて、
幅が狭くなるとスマホ版に飛ぶようにしました。

ボタンを2つ作って、
1つ消すタイプにしようとしましたが、
ちょっと形が崩れるんですね。

ここから1週間崩れたまま。

そして思いついたのが、
ナビゲーション丸ごと2つ作る。

これが上手くいきました。

案外単純なものですが、
思いつきませんでした。

これを風呂に入ってるときに思いつくんですね。

これが温泉の効果です(笑)。


スマホサイトをレスポンシブwebデザインにしました


スマホサイトを新しくしました。

何年も前からやろうと思っていた、
レスポンシブ化です。

デバイスにより見え方が違うというか、
形が変わるようなものでしょうか。

ようやく先月から取り掛かり、
とりあえず20ページくらい作りました。


幅が400PXまでは、
この形で。

mobile_1

ナビゲーションが2列。

幅が広がって400px以上になると、
ナビゲーションが左に1列になり、
メインが右に並ぶ形になります。

mobile_2

これがうまく動かなかったんですが、
Google Chromeではなんとか動くようになりました。


完璧を目指していたら、
いつまで経っても発表できません。

不完全で、
私のスマホブラウザ純正ではうまく動きませんが、
Google Chromeでは動くのでとりあえずアップしました。

今後はちょっと様子を見ながら変えていきます。


スマホで動くか見てみてください。

http://www.iiyuyado.com/m/

Androidの方はGoogle Chromeでお願いします(笑)。


web siteの色を柳煤竹色に変更


web site全体の色を変えました。

いままでは濃い灰色みたいな色でした。


ある時、
和風デザインのサイトの色を見ていて、
伝統的な日本の色があるのを知りました。

その中で、
灰色っぽい色を見ていて出会ったのが、
「柳煤竹色」(やなぎすすたけいろ)です。

微妙な色あいが気に入りました。

ダメな人もいるかもしれませんね。

柳煤竹1

これに「灰桜」(はいざくら)を、
リンクのマウスオーバーで使いました。

パステルな感じ。

結構合うかも。


昔からある色。

着物の重ね着とか、
合わせる色が決まってたみたいですね。

基本が。

和風なサイトを目指そうかと思います。

あとはデザインですね。


冬のプランが出ております。


忘れてましたが冬のプランを出しました。

昨年と同様ですが。


スキー場の1日券が付いたプラン、
『すきーじょう』・・・リフト1日券付きプラン

女正月用のプラン、
『ゆきげしょう』・・・女正月限定レディースプラン


冬は、
「むこ投げ」から「ひなまつり」までが女正月ということで、
松之山温泉では女性にやさしい温泉街づくりを目指しております。

寒い冬は温泉に入ってのんびり過ごしましょう。


予約フォームの日にち指定の火曜日が復活しました。


ある日お客様から言われました。

「ホームページからだと、
火曜日の予約が取れないんですけど」

実は結構前に言われていて、
直し方がわかりませんでした。

こうなったら最新版を丸ごと入れ直そう。

でもなかなか時間がなくてそのままでした。

すいません。

ついに先ほど直りました。

いままで、
火曜に泊まりたいんだけど定休日なのか表示されないな、
と思っていたお客様、
お待たせいたしました。

火曜日もお泊まりいただけます。


ちなみにじゃらんよりもホームページの方が、
ちょっとお得かもしれません。