No.055 LOPIA

No.055 LOPIA

スーパーマーケットを運営するLOPIAのWebサイト。

ファーストビューの印象

フルスクリーンのスライドと企業の特徴を端的に表したキャッチが画面中央に映し出される。店内の様子、商品開発、スタッフなどが交互に映し出され、企業の全体像がわかりやすい。

レイアウト

シングルカラム

レスポンシブ対応

あり
ブレイクポイント：767px,896px,

フォント

見出し：Barlow
本文：Noto Sans JP

メニュー

PC：ナビゲーションバー
SP：ナビゲーションバー

カラー

ベースカラー：#FFFFFF　ホワイト
メインカラー：#DF0045　レッド
サブカラー：#3E3B3B　グレー

感想、参考になった部分

年々売上を伸ばし成長中のスーパー、LOPIAのWebサイト。
社名がそのままスーパーのブランド名でもあるが、サイトには商品の説明や宣伝、キャンペーン紹介のCTAボタンなどが一切ない。コーポレートサイトとしての役割を担うページだと言える。
ナビゲーションも、PHILOSOPHY(経営理念)を一番初めに持ってきており、如何に理念を大事にしているかが伝わる。

ファーストビューの一番目立つ文言が、「主体性×考動力　圧倒的成長」となっており、生命力あふれる赤色も相まって、勢いを感じさせるサイトである。

レスポンシブの作りやHTTPSに対応していないなど(2022年9月現在)、改善の余地はあるが、スーパーマーケットのWebサイトとしては異色だったので非常に気になった。

 

No.055 LOPIA | Webサイト100選