見出し画像

パソコン版サイドメニュー スマホ版メニューの デザインを刷新しました

はじめまして!オーディオブック事業部デザイン担当のkotaniです🙋
WEB版オーディオブックのページがちょこっと新しくなったので紹介します🌟

パソコン版とスマホ版で共通のメニューではなく、それぞれの端末環境にあわせた使い心地になるように、デザインを刷新しました


💻パソコン版

名称未設定-3

パソコン版の広い画面でよりコンテンツをよりお楽しみいただけるように、メニューの表示幅を短くしメニュー自体の表示領域を小さくしました。
audiobook.jp初心者の方に初めてガイドをよりわかりやすく案内するため、初めてガイドや聴き放題プランについての説明ページへのリンク表示をバナー化しました。

📱スマートフォン版

レイヤー 11


ログイン中に登録しているプランがユーザー名の上に表示されるようになりました。これまではマイページからでしか登録したプランの確認ができなかったのを、サイドメニューからでも確認できるようにしました。

お知らせ枠を設置し、オススメのコンテンツをバナー形式で表示できるようにしました!いま開催されているキャンペーンなどがより分かりやすく確認できるようになりました。

初めてサイトを訪問された方が登録・ログインまでスムーズに行えるよう、新規登録とログインの導線をボタン化しました。ログアウトの動線をメニューの一番下に追加しました。

#audiobookjpカイゼン の試み

オーディオブック事業部のデザインチームではサービスをご利用いただいているユーザーのみなさまのため、使い心地がすこしでも向上できるように日々改良を続けています。
機能追加の紹介などはこれまでいくつかさせていただいてましたが、デザインチームからも発信をはじめたく、 #audiobookjpカイゼン を立ち上げました。今後とも宜しくお願いいたします。

ご意見やご要望は下記のフォームよりお待ちしています。
今回のカイゼンのご意見もお待ちしています😌

https://goo.gl/forms/E49DSQ6RR9N01l7V2


この記事が気に入ったらサポートをしてみませんか?