リザーブストック（リザスト）　リニューアルでパソコン版デザインが大幅に変更

50代前後から小さく起業する女性を応援してきたジョイライフのヤマガミです。
『小さな起業』『ひとり起業』『ひとり社長』を本気で頑張るパソコン苦手な女性を応援しております。

リザーブストックはこの度、デザイン変更されパソコン版のイメージがガラリと変わりました。

デザイン変更と同時にいくつか変わった点もありますので、ざっと変更点をチェックしてください。
特に有料プランで汎用ページなども活用されている方はお気をつけください。

まだまだこれからも変更されることはあるとは思いますが、時代に合わせてどんどん変化していただけるのは大変ありがたいことです。

リザーブストック（リザスト）デザイン変更：表示メニューの変更

これまでパソコン版では、メニューとしての項目が６つに限定されて変更することができませんでした。

このメニュー項目を変えることができるようになったことが大きな変更点です。

新たに【プロフィール】のページが増えましたし、他にも有料版では、メニュー項目の表示と表示数を変更できるようになりましたので、もっとホームページに近くなりました。

ですので個別予約のページのランディングページをうまく活用して、ホームページのように表示させることができると説明しておりましたが、今後はプロフィールのページを活用すると良い感じになるでしょう。

しかもパソコン版とスマホ版で、メニュー表示を揃えることができるのは嬉しいことです。

プロフィールページが追加された

スマホ画面には元々あったプロフィールページですが、この度パソコン表示画面にも追加されました。

しかも他にも汎用フォームで作成したページが表示されています。
この辺りをまず整理していく必要があります。

まず、今回デザイン変更で大きく変わった点が【メニュー表示】です。
以前は６つしか表示されなくて、こちらで変更することはできませんでした。

新しいデザインでは有料プランのみですが、このメニュー表示項目と名称、順番を変更することができます。

また汎用ページで作成したページをここに表示させることも可能です。

そして無料プランの方でも、【プロフィールページ】が先頭（左上）に来ています。

プロフィールページにはプロフィールが表示されます。

プロフィールの次に、さらに詳しいプロフィールページが続きます。

ページの下には、デザインが新しくなったフッターが表示されています。

メニュー項目から汎用フォームで作成した項目を外す

まずメニュー項目の変更から見て参ります。

このままではメニュー項目が多すぎます。（せめて２段まで）

【汎用フォーム】で作成したページまで表示されていますので、表示を減らします。

あと汎用フォームで作成した『リザーブストックご招待お申し込みフォーム』というタイトルが、メニュー項目として表示されていますが、長すぎて途中で切れているのでこれを短くしました。

フォームのタイトルを『リザスト招待申込フォーム』に変更。

※追記
この後すぐ【スマホのサイドメニューに表示】という項目が【メニューに表示】という項目に変わりました。

メニュー項目の順番入れ替えと項目名称の変更（有料プラン）

以前はスマホ表示の項目でしたが、今回よりスマホとパソコンでメニュー項目が同じ表示となりました。

【全体設定】の【メニューのカスタマイズ】で表示の順番を入れ替えることと、文字列変更でメニュー名称を変更することができます。

基本的には上記の９つの項目を表示させることができますが、カスタマイズできるのは有償プランのみとなります。

汎用フォームでページを増やすことは、無料プランでもできます。

以下のページはデモ用サイトですが、基本項目が基本の順番で表示されています。
（ヘッダーを設定していないと以下のような画像が入るようです）

ここに汎用フォームで作成してある『ご登録者専用資料【見本】』を公開し、スマホのサイドメニューで表示させてみました。（※スマホのサイドメニューで表示という名称は今後変更になる可能性があります→『メニューに表示』に変更）

メニュー項目として増えました。

リザーブストック（リザスト）デザイン変更：ヘッダーの表示とサイズ変更

【プロフィール】のレイアウトを３種類から選択することができます。

それが以下の【全体設定】＞【画面の設定】＞【トップページプロフィールのレイアウト】の機能です。

全体設定：画面の設定でヘッダー画像の表示変更

デフォルトではプロフィールページのプロフィールは、ヘッダー画像と少し重なった表示となります。

私のヘッダー画像は高さ350pxほどでしたので、あまり重なる部分はありませんが、縦が500pxくらいだとかなり重なる部分があるかと思います。

これを重ならないように変更することもできます。【オーバーラップ無し】

またプロフィールそのものを表示させないことも可能です。【表示無し】

プロフィールに詳細プロフィールページを表示

【全体設定】で【プロフィールページ】を設定している場合は、この空白部分の下にそれを表示させることができます。

【全体設定】＞【プロフィール】または【画面の設定】＞【プロフィールページ】【トップページの文章（に変更されました）】で詳細を設定します。

以前はこの部分はスマホでしか表示されませんでしたが、今回のデザイン変更でパソコン画面でも表示されることになりました。

ですのでこの部分をホームページのトップページのように作りこむと良いのかも知れません。

追々変更して参ります。

プレビュー表示でスマホ表示はQRコードで読み取り式

プロフィール画面のプレビュー表示で【スマホ表示確認】がQRコードになっていました。

ヘッダーの画像サイズが変更、新たなサイズが指定されています

ヘッダーの画像サイズが以前は横が1160pc、縦は300〜600pcくらいで指定はありませんでした。

今回のリニューアルで縦横サイズが指定されています。

『横1120px、縦600pxだと綺麗に設定されます』となっています。

急いで変更する必要はありませんが、縦サイズを少し大きくすることでオーバーラップした時にカッコ良く表示されます。

イベントページなどのランディングページの表示が変わった

イベントページ、ランディングページの表示のされ方が変わりました。

こちらもヘッダー画像のサイズが変わりましたので別途記載しておきます。

ショップ（商品）ページ、個人予約のページ、等ランディングページの見え方が変わっています。

リザーブストック（リザスト）大幅なデザイン変更で規約をチェック

リザーブストック（リザスト）は最初にログインをするときに規約にチェックをしているはずなんです。

この規約のどの部分に機能の変更やデザインの変更に私たちが承諾していたのかをチェックしておきましょう。

その他の不具合とまとめ

リザーブストック（リザスト）のリニューアルに伴うデザイン変更について、以上ざっくり記載しました。

・・・まだ色々動作のおかしい点がありますが、今後判明しましたらアップして参ります。
一応気づいた点を挙げておきますが、不具合であれば今後解消されますし、仕様変更であればこのままになるかと思います。

• 現状文字の行間が詰まっている→改行の方法で変わってくるようです。
• リンクカラーがグレーで見にくい（オシャレですがおばさんには分かりにくい）
  →色を指定して変更して凌いでます（面倒ですが）
• 限定公開にしているコラボメニューが過去の開催実績の欄では公開になってしまう→解消
• 個別予約で設定していた『店舗などの紹介画像』がどこにも表示されていない
  →表示されている人とそうで無い人がいる
  →表示されているがサイズが合わないので画像を入れ替える必要がある（未検証）
  →こちらに検証した記事を書きました
• ショップのカテゴリーの説明文が表示されていない→解消（行間が詰まって見える）
• フォーム無効と入力した汎用ページが表示されない→解消
  （→「フォーム無効」入力で名前・アドレス・送信ボタンが消えていたが、この機能はなくなる）
• 公開していない過去のイベントのヘッダーがスライダーに公開されてしまう件→解消
  
• 個別予約のコース編集、コースの説明文欄、リンクの埋め込みや色の変更ができない
  →アメブロ記事で編集し、それを丸々コピペしてとりあえずはしのいでいます。
  →解消、ただリンクカラーは見にくいグレーのまま

またここに記載していないこともありますが、気づいたときに加筆して参ります。

※2022年４月ごろの情報です。最新版ではまた表記やボタンが変わっている可能性がありますことご了承ください。

メルマガ登録はこちら