No.066 Anker Japan No.066 Anker Japan Anker Japan モバイルの充電器などを販売するAnker JapanのECサイト。 ファーストビューの印象 モノトーンをベースに、商品の紹介がスライドで映し出される。画面右側最前面にはセール情報のポップアップウィンドウが表示される。 レイアウト フルスクリーン レスポンシブ対応 あり ブレイクポイント：360px,376px,400px,413px,450px,480px,510px,530px,531px,544px,550px,560px,580px,600px,568px,580px,600px,680px,750px,768px,790px,800px,966px,970px,980px,989px,992px,1024px,1079px,1080px,1192px,1200px フォント 見出し：Noto Sans JP 本文：Noto Sans JP メニュー PC：ナビゲーションバー SP：ハンバーガーメニュー カラー ベースカラー：ブラック、ホワイト アクセントカラー：#01A9E0 スカイブルー 感想、参考になった部分 ナビゲーションバーにはメイン商品のロゴが並ぶ。 ホバーするとメニューが広がるが、濃いグレーの背景に白文字、白の線画で表現された商品が並んでおり、すっきりと見やすくなっている。 画面右下には固定でチャットウィンドウが表示されている。 サイト全体は基本的に四角のウィンドウで構成されているが、チャットウィンドウは角丸かつシャドウが設定されており、他とは別レイヤーで別機能を持つということが一目でわかるようになっている。 商品紹介が縦に並ぶが、背景が白、黒と一商品ごとに切り替わり、一つ一つきちんと注目が切り替わる効果があると感じた。 途中、縦のスクロールが横に切り替わり、スムーズな操作が阻害されてしまうのが少し扱いづらいかなと思った。 No.066 Anker Japan | Webサイト100選 投稿ナビゲーション No.065 STREET FIGHTER 6No.067 株式会社コーポレート・アドバイザーズ・アカウンティング コメントを残す コメントをキャンセルメールアドレスが公開されることはありません。 ※ が付いている欄は必須項目ですコメント ※ 名前 ※ メール ※ サイト 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。