• #135 株式会社トンボ鉛筆

    株式会社トンボ鉛筆のサイトのファーストビュー
    https://www.tombow.com/

    文房具メーカー 株式会社トンボ鉛筆のサイト
    グローバルナビの”商品情報”のドロップダウンメニューは、
    表示領域が足りないと右端にスクロールバーを表示し、メニュー全域をカバーします。
    トンボのロゴマークの赤が差し色に使われており、
    ベースカラーの白地を活かす余白・陰影の取り方や画像の色合いにより、全体に品よくまとまっています。
    黒の文字色の濃淡にも配慮しているように感じます。
    英語版のページは、日本語版のページの内容そのままに、
    トップのスライダーなども含めて文字が英語に置き換えられています。
    また、このサイトとは別にアメリカ・ヨーロッパ用のトンボのサイトがそれぞれ用意されています。


  • #134 ひゃくまん焼き 多華味屋

    ひゃくまん焼き 多華味屋のサイトのファーストビュー
    https://takamiya-100.com/

    ひゃくまん焼き 多華味屋のサイト
    着物の素材を活用した和小物と、ひゃくまん焼きのビジュアルをトップに置いています。
    スクロールすると、ナビゲーション領域の下地の色が白となり、上部に固定表示となります。
    ナビのドロワーメニュー以外にメニュー項目は配置しておらず、
    各セクションに詳細リンクが置かれています。
    また、スクロールにより、ページのコンテンツを下から上へアニメーション表示しています。
    使われている文字のサイズが控え目で、文字による印象は弱めとなっており、
    イメージ画像とのバランスが図られています。


  • #133 HALO CAFE YUZURIO

    HALO CAFE YUZURIOのサイトのファーストビュー
    https://halo-cafe.com/

    古民家カフェ HALO CAFE YUZURIO のサイト
    カフェの外観イラストとロゴを表示した後に、トップページへと移行します。
    ぼやけた状態から鮮明に、トップ画像→タイポグラフィ→ナビゲーションと
    順にビジュアルを表示していきます。
    アニメーションする”ABOUT”セクションの文章、吹き出しの表示の入りがユニークで、
    “MENU”内コンテンツや”ACCESS”より下にある表示枠もアニメーションにより表示されています。
    メインビジュアルのワイルドなタイポグラフィや野営中の画像など、
    店舗がアウトドアリゾート内に併設されていることもアピールされています。
    トップ画像のズームアウトする動きは長めになっています。