• #075 ブルブルくん×ハローキティ コラボ実現プロジェクト

    ブルブルくん×ハローキティ コラボ実現プロジェクトのページのファーストビュー
    https://shop.wakasa.jp/np/buruburu_kitty/

    ブルブルくん×ハローキティ コラボ実現プロジェクトのページ
    メインビジュアルとストーリーでページの半分は占められており、
    コラボ企画、キャンペーン、ブルブルくん公式Twitterのツイート埋め込みと続きます。
    ページ右上固定のドロワーメニューからは、各セクションにスムーススクロールで移動できます。
    キャラクターのイメージカラーを基調としてカラフルな仕上がりです。
    文字を下線で強調するデザインが多用されています。


  • #074 仮設マガジン『POP UP SOCIETY』

    仮設マガジン『POP UP SOCIETY』のページのファーストビュー
    https://www.popupsociety.com/

    仮設マガジン『POP UP SOCIETY』のページ
    ページトップは、方眼紙のような背景にアニメーションしながらビジュアルが表示され、
    メインビジュアル画像は、3種類ある内の1つをランダムで表示します。
    ページ左上には、記事へのリンクを有するドロワーメニューが追従します。
    トップ下の領域にある右から左に流れるコピーは、各記事へのリンクとなっており、
    マウスオーバーすると文字色が反転し、画像が表示されます。
    “急進都市” のみリンク、ホバーアクションはありません。
    サイト下段にはタイトル記事へリンクするタブパネルのメニューがあります。


  • #073 サウンドトリップ

    サウンドトリップのページのファーストビュー
    https://on-the-trip.com/sound-trip

    「物語のある音楽」をつくるプロジェクト サウンドトリップのサイト
    サイトカラーはクリムゾンレッド、ミディアムターコイズ、
    ミッドナイトブルー、ホワイトを使ったレピテーション配色です。
    プロジェクトロゴはグリッチ表現でデザインされています。
    スムーススクロールするメニューが上部固定のものと最下部のもので有りますが
    ページのトップに戻るリンクは無く、また別ページにジャンプすると
    ブラウザバックする以外にワンクリックでこのページに戻る術は無さそうです。
    オープニングアニメーションは動きがあり楽しいです。