• カテゴリー別アーカイブ ランディングページ
  • #114 サハルプロダクツ

    サハルプロダクツのサイトのファーストビュー
    https://saharu.work/

    プロダクトブランド サハルプロダクツのサイト
    ポインターには半透明の黄系色円が追従し、
    ProductsのスライダーとMemberのSNSリンクにマウスオーバーすると円が拡がります。
    パステルカラーの背景で回転する多面体のオブジェクトや
    コンテンツの境界に配されているシェイプ、グラデーション、
    ディスプレイ書体のタイポグラフィなどがポップな雰囲気を演出しています。
    Contactの領域に到達すると、回転する多面体のオブジェクトが
    画面いっぱいに奥行きを感じるアニメーションをします。


  • #110 Arts District Kitchen

    Arts District Kitchenのサイトのファーストビュー
    https://artsdistrictkitchen.com/

    レストラン Arts District Kitchen のサイト
    ページトップのサイトメニューは、スクロールすると大きさを変えて追従、
    スクロール値を取得してページ位置を表示します。
    お店のフードメニューは、マウスオーバーするとそのイメージを投影します。
    PC画面版の”●”や、モバイル画面版の”★”のカレント表示、
    ヴィンテージな雰囲気の書体などがおしゃれなサイトです。
    色数も抑えられています。


  • #103 いろは保育園

    いろは保育園のサイトのファーストビュー
    https://iroha-hoikuen.jp/

    いろは保育園のサイト
    ファーストビュー下のお知らせ欄は、最新の記事から5件、順次タイトル表示されます。
    サイトのコンテンツは角の取れた要素が多く、
    ページを区切るライン、右から左に流れて無限ループするスライダー、
    モーダルウィンドウのフォトギャラリーなど工夫が見られます。
    “いろは保育園”だけでGoogle検索すると、地名を名頭に付けて差別化を図る園もありますが、
    検索ページがいろんな「いろは保育園」の情報で乱立している状態です。