今週印象に残ったwebサイト(22.11.14~22.11.20)
2022.11.20
ありがたいことに少しずつ忙しくなってきていて今週は全然更新できませんでしたが、これだけはやろうと思います…!
今週印象に残ったwebサイト。
1.SHIBUYA PARCO 3RD ANNIVERSARY
渋谷PARCOのリニューアル3周年の特設サイト。
メインの映像が素敵ですね。渋谷らしいネオン感ある配色の映像がとても綺麗です。
ロゴタイプの極端な斜体も映像の流体感のある印象と馴染んでいて素敵です。
ページ後半のショップの商品を紹介するエリアまでスクロールした時に映像がふわっと消えるのも、シンプルですが長めのトランジションが映像の余韻を感じられて心地よいなと思いました。
2.SALONIA
ヘアアイロン訴求のLP。
年々増えているスマホ/PC共通レイアウトのパターンですね。
このパターンも少しずつ設計や見せ方の工夫が進化してきていると感じます。
BtoCのLPの場合はスマホユーザーが大半のことが多いので、こういったアプローチも多く見られるようになってきています。
PCで見た時はサイトのトーンに合わせた抽象グラフィックの背景があることで寂しく見えなくなっており、
四隅にページ内のナビゲーションやSNSシェア導線といった要素を配置していくことで機能性も充実させることができていて、このパターンを採用する時に参考にしやすい構成になっているように感じました。
ロゴやメニューがSPだと当然メインエリア内に配置されていますが、
PCだと外出しになっているのもそれぞれのデバイスごとにスッキリして見えて良いなと思いました。
また、最初に少しだけ横スクロールのギミックが入っていたりなど、リッチな仕掛けも取り入れられています。
3.Stillwater
分かりやすいグリッドで構成されたサイト。
グリッドで分割されていますが、どのグリッドも一つの商品のことを紹介しているようで、一定時間ごとに全てのグリッドが切り替わり、別の商品を紹介する内容になります。
その切り替わりの際、白い丸がグリッドを超えて動いたりなど動きに崩しがあるのが見ていて楽しいです。
このサイトの場合は、一つの状態の時はどのグリッドも同じ商品のことを紹介している構成ですが、
一画面で複数の商品を紹介する場合にメイン←→サブで情報の入れ替えがあったことを表す演出として応用することもできるかもしれないと思いました。
4.klikkentheke
これは以前からあるサイトのようです。
Twitterのタイムラインで流れてきて、初めて知ったけど素敵だなーと思ったギャラリーサイト。
エディトリアル感やグラフィック感のある、シンプルながらレイアウトやフォントなどで個性を持たせたサイトを中心にまとめているギャラリーサイトです。
グラフィックデザイナーさんのポートフォリオのような雰囲気のサイトが多いですね。
一般的なギャラリーサイトとは一味違う、独自の切り口でキュレーションを行なっているサイトは近い印象のデザインを作る時などにとても参考にできそうと思います。
ノンデザイナーズデザインブック
レイアウトの法則についてまとめられた不朽の名著。この本で紹介されている4原則を知っているとレイアウトがぐっと見やすくなります。