- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- アニメ「BURN THE WITCH」公式サイト
- アニメのLPサイトなどの参考になりそうです。
-
https://burn-the-witch-anime.com/
2020-07-22 - detail
- CHILL OUT（チルアウト）オフィシャルサイト｜【日本発】瞬間リラクゼーションドリンク
- 3Dモデルのモーションが美しいです。
-
https://butfirstchillout.com/
2020-05-09 - detail
- CalorieMate to Programmer | 大塚製薬
- デザインも素晴らしいですが、企画自体に色々なことを考えさせられます。CUIモードあり。
-
https://www.otsuka.co.jp/cmt/to_programmer/
2020-08-04 - detail
- Moooi
- コンセプトタイトル、BGM、アニメーションが印象的でつい見入ってしまいます。ソースコードに製作者の記載があります。
-
https://www.moooi.com/en/a-life-extraordinary
2020-05-22 - detail
- Voice of Racism
- 参考にするタイミングは不明ですが、とにかく初めての経験です。メッセージ性は高く感じました。
-
https://voiceofracism.co.nz/
2020-08-25 - detail
- 建築に、温度を。｜梓設計
- KV下にある各セクションがマウスオーバーで動画に切り替わります。また実績紹介のマウスオーバーも大胆さが面白いです。
-
https://www.azusasekkei.co.jp/
2020-05-13 - detail
- Kati Forner – Welcome
- 丸いメニューと写真のレイアウトがおしゃれです。
-
https://katiforner.com/
2020-05-10 - detail
- Boldare Boards — the online collaboration app
- あえて懐かしいデザインを取り入れているがギミックは新しいものばかりでギャップが面白いです。
-
https://boards.boldare.com/
2020-10-27 - detail
- VJ Type Typefaces
- フォントもサイトも美しすぎます。
-
https://vj-type.com/
2021-03-05 - detail
- MAISON CACAO公式ブランドサイト
- productの詳細ページにて、ページ最下層まで到達すると次ページの読み込みが始まるのですが、その際のアニメーションが自然で美しいです。
-
https://maisoncacao.com/
2020-05-19 - detail
- Stella Achenbach
- 文字のsvgアニメーションを動かし続けているのは今までなかったアイデアかもしれないです。
-
https://www.stellaachenbach.com/
2020-06-01 - detail
- Mcube
- グリッチ効果の使い方が面白いです。
-
https://www.mcube.fr/
2020-06-01 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。