WEBデザインを下層まで探せるWEBギャラリー・リンク集。
WEBサイト・LPを毎日更新していきます!

2025.04.15

Shu-Chew Beats｜お口の恋人ロッテ

https://www.lotte.co.jp/products/brand/gum/shuchewbeats/

Shu-Chew Beats。それはガムを使った新しい集中専用ツール。使い方はシンプル。科学的に開発された専用BGMを再生し、ビートにノッてガムを噛むだけ。さぁガムを口に入れて、はじめましょう。

このデザインを共有する

このデザインを共有する

Pinterest

で保存する

LINE

で共有する

X

で共有する

このページのURLをコピー

https://kasoudesign.com/website/9020/

クリップボードにコピーしました

掲載サイトのURLをコピー

https://www.lotte.co.jp/products/brand/gum/shuchewbeats/

クリップボードにコピーしました

Close

Design Infomation

Industry

エンタメ・趣味・娯楽

Color

ブラック・黒・グレー

Format

特設サイト

Design

アニメーションが特徴的なサイト

Parts

スクロール追従リピートアニメーション

スタイリッシュ

ガムを「集中アイテム」として捉えた新しい視点からのロゴやアニメーションの見せ方が斬新。特に、ガムのパッケージにおけるシェイプのディテールの緻密さや、BPMごとに変化するグラフィックが秀逸。

Shu-Chew Beats｜お口の恋人ロッテのPCサイズの画像

Shu-Chew Beats｜お口の恋人ロッテのモバイルサイズの画像

本ページは、本サイト掲載日時点で公開されているサイトより、画面キャプチャ画像を引用し掲載しています。
掲載取下げ依頼、または修正依頼はコチラよりご連絡ください。

このデザインを共有する

このデザインを共有する

Pinterest

で保存する

LINE

で共有する

X

で共有する

このページのURLをコピー

https://kasoudesign.com/website/9020/

クリップボードにコピーしました

掲載サイトのURLをコピー

https://www.lotte.co.jp/products/brand/gum/shuchewbeats/

クリップボードにコピーしました

Close

Design Infomation

Industry

エンタメ・趣味・娯楽

Color

ブラック・黒・グレー

Format

特設サイト

Design

アニメーションが特徴的なサイト

スタイリッシュ

同系統のサイトデザイン

DETAIL

Spiral Capital, Inc. | スパイラルキャピタル

投資会社の堅めのイメージを払拭した、すごくクリエイティブに見せるかっこいい表現！
DETAIL

中田工芸株式会社｜公式企業サイト

製品と人がバランスよく構成されたサイトだと思います 😊
DETAIL

ESPINA Design Studio | Visual Storytellers

メキシコシティの代理店。パッと見よくある余白系だが、細かい質の高さに気づいていくとめっちゃかっこいい⭐️
DETAIL

月額11,000円で学べる超実践型Webデザインスクール

デザデジ
DETAIL

Evo Design Studio – UI/UX for Saas, Web and App – Evo Design Studio

インドムンバイのWebデザインカンパニー。動画多めでも全くラグを感じないのすごい👍
DETAIL

黒の研究所

影をモチーフにした漢字のロゴがとても印象的で、サイト内ではそのロゴがキャラクターとしても活用されており、表現の多様さに魅力を感じる。
DETAIL

Locomotive | Montreal web agency

カナダはモントリオールのWebエージェンシー。全体的にもすごくかっこいいが、何よりどんどん進みたくなってしまうAI形式の問い合わせUIUXがスペシャルすぎる！
DETAIL

ADAM STUDIOS – A small creative agency with big ideas

香港のクリエイティブエージェンシー。非常にシンプルな構成ゆえに各ページのアイキャッチが光る⭐️とてもかっこいい！
DETAIL

PACK BAGS – PACKBAGS

スマートフォンでの体験に特化した、タイポグラフィの使い方が際立つECサイト。インダストリアルな雰囲気の写真も魅力的。
DETAIL

株式会社クーシー｜東京のWeb制作・AI支援・システム開発会社

様々なアイデアが各ページ、セクションに盛り込まれていて見応えのあるサイトです👀
DETAIL

縦型ショートドラマ制作会社｜B4B Inc.

洗練されたダークトーンを基調に、縦型ショートドラマの動画を散りばめてスタイリッシュに表現したデザインです。
DETAIL

MATE.BIKE – デンマーク生まれのe-BIKE｜メイトバイク – MATE.BIKE JAPAN

爆イケチャリの写真が良い⭐️
DETAIL

採用情報 | Studio株式会社(Studio, Inc.)

洗練されたモノトーンデザインと写真が、プロフェッショナルな雰囲気を際立たせたデザイン！！
DETAIL

novact Inc. ｜Creative Survive

CREATE - 株式会社novact

動きの一つひとつにデザイナーの意図を感じる、シンプルながら構成の光るサイト。
DETAIL

NONJOHN -嗜むための味な酒器-

洗練されたトーンとシンプルな構成で、器の美しさと使い心地を丁寧に伝えるデザインです。
DETAIL

HOLON Inc. – 株式会社ホロン

セクションの切り分けをGradient Blurの色の変化で調整しており、サービス紹介でユーザーの視線を再度惹きつけることができそうですね👀
DETAIL

Background – AI generated background

背景画像生成の配布ページ。ギラついたダークテーマがカッコいい😎
DETAIL

月額11,000円で学べる超実践型Webデザインスクール

デザデジ
DETAIL

実績豊富でデザイン、イラスト、ECサイト構築、Webシステム開発が得意な静岡のWeb制作会社 | 株式会社あんどぷらす

サイトのデザインは然る事ながら、オフィスもとてもお洒落なWeb制作会社🪴👀✨
DETAIL

VECTIV | THE NORTH FACE

大きめのタイポグラフィとネオミニマルなデザインに動きを加えることで、視覚的にもレイアウト的にもブランドの世界観が明確に表現されています🏃‍♂️
DETAIL

富士山と山中湖を一望する絶景湖畔サウナ CYCL（サイクル）

この施設を利用することで、心地よさが伝わってくるような写真が魅力的。文字は最小限に抑え、info程度にとどめた、雰囲気重視のサイト。
DETAIL

TVアニメ『未ル　わたしのみらい』公式サイト

日本語 / 英語どちらでもカッコよく見えるのが素晴らしい✨
DETAIL

TVアニメ「チ。 ―地球の運動について―」公式

サイト内の様々な装飾がテーマに合わせ円と線で統一して作られているのが魅力的🌕 フッターの「Page Top」の見せ方とかも好きです🧐
DETAIL

Next 10 Chairs

革新的なデザインの椅子を、美しいレイアウトで魅力的に見せているサイト。Aboutページでは、プロフェッショナルな雰囲気が伝わる写真が印象的。
DETAIL

新しい朝をつくれ。| 朝日新聞社のブランドサイト

ブレンドモードやブラーを駆使してイメージとテキストの被りもカッコいい! 明朝体のタイトルやコピー文も落ち着いた雰囲気にマッチしてます👍
DETAIL

デザインの力でビジネスを前進させる｜グッドパッチデザインパートナーシップ

大味になりがちな宇宙テーマのデザインの落とし込み方めちゃうま⭐️
DETAIL

Lightbeam

光の構図にフォーカスした作品集サイト。光の構図をデフォルメしたアイコンが、シンプルながらも魅力を伝える。
DETAIL

Sigma

ブランドサイトのテンプレートとして使用できるようなシンプルなデザイン！サポートページはシンプルながらも可愛らしいですね
DETAIL

Drive Capital

大胆なレイアウトとダイナミックなUXでインパクト大なかっこいいサイト⭐️
DETAIL

Numéro10 | Agence de Communication et Publicité Bilingue

制作物の動画を活用した構成のサイト。アニメーションが滑らかで心地よい仕上がりになっています。
DETAIL

Dolce & Gabbana

さまざまなリップの中から自分に合うものを楽しく探せる、ゲーム形式の工夫が素晴らしいサイト。
DETAIL

BAKE INC.

強固な骨格のイメージを組み立てられていくようなアニメーションで見事に表現されています🤩
DETAIL

comsun minamihorie（コムサン南堀江）｜南堀江にあるレンタルスペース｜イベント・マルシェ・撮影スタジオ

落ち着いたトーンと統一感ある中に不規則に写真が並べられて遊びの要素があって良い!!
DETAIL

HEAVN One – The world’s brightest desk luminaire

ノーコードツールで作成されたとは思えない、フルスクラッチのようなクオリティを持つサイト。その完成度の高さに、時代の進化を感じさせられます。
DETAIL

10×19

派手なデザインではないものの、繊細なアニメーションによってサイトのレイアウトが一層引き立てられている。
DETAIL

月額11,000円で学べる超実践型Webデザインスクール

デザデジ
DETAIL

TECTURE AWARD 2024

ノイズを含んだフィルターやグリッドが渋く、かっこいいサイト👀
DETAIL

Electric Cars, Solar & Clean Energy | Tesla

レイアウトや写真、動画の使い方が工夫されており、詳細ページのボリュームを感じさせない見せ方になっているサイト。サイバートラックのロゴがかっこいい。
DETAIL

浜岡鍍金工業所 | メッキする企業はつよく、ただしく、うつくしく

事業への溢れる想いを力強く表現する洗練されたサイト。美しさと力強さを兼ね備えたテキストやモチーフが印象的。
DETAIL

世界よ、驚け。＜SYNCHRO WEATHER＞10.1DEBUT｜【DUNLOP】ダンロップタイヤ公式

インパクトのあるトップと、シーンを語るグリッドレイアウト。良い。
DETAIL

REAZON VISUAL COMMUNICATION | REAZON HOLDINGS

トップに動画で実績紹介をしており、制作へのこだわりや真摯さが伝わってきます!!
DETAIL

映画『Cloud クラウド』公式サイト

背景に常に予告動画が流れていて、サイトを見ているうちに内容が気になってくる‼️
DETAIL

DMN ｜ Design Management Network

ニュースペーパーテイストを取り入れたウェブサイトで、手描きのあしらいがアクセントとなっています。
DETAIL

株式会社マイクロアド

インタラクションにバリエーションがあって、色々さわってみたくなるサイト⭐️
DETAIL

久原本家グループ

文字大きめで縦組横組入り混じっていて、コンパクトなのに品がいい。
DETAIL

サイベックス公式オンラインストア

CREATE - shopify

子育てもファッションとして攻めていく姿勢、ブランドの表現がシンプルで強い！💪
DETAIL

Immersive Museum TOKYO vol.3　印象派と浮世絵～ゴッホと北斎、モネと広重～

会場の雰囲気とリンクさせる情緒的な印象をうまく表現できていると思うよ！
DETAIL

井口皓太 / Kota Iguchi – Motion Design –

モノトーンなので、TOPページの作品一覧をホバーした時のカラーが映えています！！
DETAIL

ZABOCON YOICHI VILLA｜ザボコン余市ヴィラ

大きめの画像や動画、ゆったりめのアンメーションなど、宿泊施設に泊まっている雰囲気が味わえます！！
DETAIL

株式会社freemova | 東京都渋谷区にある20代の若手人材に特化した人材紹介会社

動画や画像、3Dコンテンツのパララックスの参考になるサイトです！！
DETAIL

マイナビDANCEALIVE – Always Youth.

シンプルだけど細かい「こうだったらいいよね」が多くてかっこいい感じ😎