電光の箱 | Webサイト100選

https://www.libertylondon.com/

デパート Liberty London のサイト
サイト左側に、ヘルプフォームとストアインフォメーションのリンク、
売っている商品の種類別リンクがあります。
種類別リンクはクリックすると、より細分化されたメニューのリンクを右隣に追加表示します。
サイト右側には、上部にページに表示されている商品の値段をそれぞれの国の流通通貨に換算して表示を切り替えるフォームのボタンがあり、右側中央にはショッピングカート、検索フォーム、ユーザーアカウント、ウィッシュリストのアイコンが配置されています。
また、それに挟み込まれる形で中央にコンテンツを配置するレイアウトとなっています。
表示領域が圧迫されているため、表示しきれない商品などは”MORE RESULTS”ボタンクリックによる追加表示や、スクロールバー付きのスライダーで横に格納したりなど工夫されています。
スマートフォン用の画面では1カラム表示となっています。

https://shodoshima-s.jp/

手延べそうめん 小豆島商店のサイト
左側の固定キービジュアル部分は、表示される画像ごとにリンクが変わる仕組みです。
四角い枠の商品イメージ(セット以外)は、中身と外装両方を交互に表示しています。
サイト中央部に お知らせ、サイトについて、連携Facebookアカウント へのリンクがあります。
「作り手」のページの動きはフェードイン、フロート、カットインと面白いです。

https://ki-do-ri.jp/

植物のセレクトショップ KIDORIのサイト
モバイル用、タブレット用、PC用の見た目が用意されています。
ECサイトなのでファーストビュー右上に購入にまつわるメニュー、
スライドの下にサイトのナビゲーションが配置されています。
植物図鑑、記事などが商品情報を補足しています。