お気に入りのWEBサイト

こんにちは制作のコバです。
今回は、個人的に気に入っているサイトについて紹介します。

ポカリスエット

https://pocarisweat.jp/

大塚製薬の飲料水「ポカリスエット」のプロダクトサイトです。
”情報量が多い＝ページ数が多い”問題を「スライド」や「タブ切り替え」などの機能を用いて、上手に解決しています。

-実装機能一覧-
・スライド
・ニューススティッカー
・タブ切り替え
・アコーディオン
・バナー
・メガドロップダウンメニュー

情報量が多いほど視認性に欠ける懸念がありますが、上記の機能を取り入れることでコンパクトにまとめることが可能です。
デメリットとしては、クリック数が1〜2増える可能性があることです。

クリックの動作が増えるほど、離脱率につながりますが、そこは「”視認性”と”動作”」をのバランスを見て、どちらに重きを置くか「トレードオフ」の関係になっていきます。
デザイン初心者時代に参考にしたサイトの一つです。

東京スカイツリータウン内にある施設、「すみだ水族館」。
個人的に、開館2012年度ということで比較的新しい水族館の印象があります。

WEBサイトでは「スマホ閲覧」に特化したデザインであり、UI（操作性）が優れています。

WEBサイト自体が「パンフレット」となっており、TOPページから「アクセスマップ」、「プログラム」、「フロア案内」などを瞬時確認できる作りになっています。

こちらも上手に情報整理がされており、UIの参考にしたいサイトの一つです。

SNSで話題のブランドや商品が揃う「PATRA MARKET」のサービスを提供する「サービスサイト」です。

WEBサイトにイラストを上手く落とし込んだ例になります。
gifアニメーションを適用するだけで、世界観がより表現でき、飽きのないクオリティーとなっています。

『Windows 95』より2年早い時点で幻のOSがあったら？」として作られたネタサイトです。
▶️あのネタサイト「Windows93」がSP2にバージョンアップされる

サイト内では某アーティストのチップチューンが試聴できたり、「マインスイーパー」がプレイできたりと、遊び心が豊富なサイトとなっています。

普段のWEB制作ではまず作ることのないジャンルになりますが、もしエンタメ系のポートフォリオサイトを制作する機会があるのなら、是非アイデアを踏襲したいサイトです。
（普段は企業案件としてデザインに縛りがあるため、こういった自由なデザインや発想は見失いがちです・・・）

ということで私の好きなサイトをご紹介しました。
WEBデザインは、ITの発展に伴いトレンドや設計思想が変わっていきます。
数年、数十年後には古いデザインになっているかもしれません。
その流れに淘汰されないよう今後ともサイト閲覧を通して、トレンド・技術を抑えていきたいと思います。

おわり

ライター｜コバ

お気軽にご相談ください♪