cocotano!
おしゃれなWEBデザイン・参考サイト集
サイト一覧
カテゴリーから探す
私たちについて
お気に入り
サイト一覧
/
レスポンシブ
/
GLIQ
GL
このサイトについて
右ナビゲーションの2カラムで組んだAI事業の1ページサイト。ベージュを土台に3D表現を重ね、抽象的な事業を形として見せています。
サイトの種類
レスポンシブ
LP（ランディングページ）
コーポレートサイト
色･配色
ベージュ･アイボリー･クリーム･薄茶色
サブカラーが黒色
テイスト
シンプル
レイアウト
2カラム
右ナビゲーション
動き・モーション
パララックス
スクロールエフェクト
使用技術
GSAP / ScrollTrigger
3D / WebGL / three.js
Webフォント
サイトの種類が似ているサイト
一覧へ戻る →
RE
Relight the Write｜日本習字
人
人映｜こちら、人事部「映像課」
ア
アクシード設計事務所
HU
HUSMA™
色･配色が似ているサイト
一覧へ戻る →
MY
My Austria Bucket List
株
株式会社エムハンド
BA
BATOU
EX
EXIT FILM
テイストが似ているサイト
一覧へ戻る →
ET
ETOHA LAB
BO
BOTANIST | ROOTH（ルース）
SQ
SQOOPY株式会社
石
石井造園株式会社
特徴が似ているサイト
一覧へ戻る →
RA
Rakuten Design
札
札幌大通リウマチ内科
WA
wasou
US
Useless Prototyping Studio
cocotano!
サイト一覧
カテゴリーから探す
私たちについて
お問い合わせ
お気に入り
詳細検索
詳細検索
サイトの種類
すべて
Webサイト
シングルページ
キャンペーン･特設･プロモーションサイト
ブランドサイト･サービスサイト
ECサイト･オンラインショップ
採用サイト･採用ページ
WEBマガジン
コンテンツページ
LP（ランディングページ）
スマホ特化･モバイルファースト
レスポンシブ
ポートフォリオ
海外サイト
ポータルサイト･メディア･情報サイト
コーポレートサイト
採用サイト
ポータルサイト・メディア
キーワード
掲載時期
指定なし
1ヶ月以内
3ヶ月以内
半年以内
1年以内
色･配色
ホワイト･白色
レッド･赤色
ブルー･青色
イエロー･黄色
グリーン･緑色
パープル･紫色
グレー･灰色
シルバー･銀色
ベージュ系
ピンク･桃色
ネイビー･紺色
カラフル･多色
ブラック･黒色
ゴールド･金色
オレンジ･橙色
ブラウン･茶色
サブカラーが赤色
サブカラーが緑色
サブカラーが白色
サブカラーが青色
サブカラーが紫色
サブカラーがベージュ色
サブカラーがオレンジ色
サブカラーがカラフル色
白黒･モノトーンな配色
サブカラーが茶色
サブカラーが黄色
サブカラーがピンク色
サブカラーがグレー
モノクロ・単色
さわやかな配色
奇抜･めずらしい･派手な配色
かわいい配色
和･レトロな配色
中性色
ダーク･重厚感のある配色
強い･あざやか･ポップな配色
暖色
キーカラーが効いてる配色
スタイリッシュ･知的な配色
寒色
サブカラーが黒色
落ち着いた配色
健康的･リラックス･フレッシュな配色
組み合わせが効いてる配色
高級感がある配色
元気･楽しい･にぎやかな配色
アクセス･遷移･日時で配色が変わる
ベージュ･アイボリー･クリーム･薄茶色
やさしい･やわらかい配色
魅力的な色使い
サブカラーが灰色
サブカラーがカラフル
テイスト
スタイリッシュ･モダン
見やすい･オーソドックス
シンプル
誠実･信頼感
かっこいい
清潔感
らしさ･雰囲気･世界観が伝わる
遊び心がある･作り込まれている
ポップ
にぎやか
手書き感･コラージュ
質感･柄
ダイナミック･印象的･細やかな動き
グラデーション
かわいい
女性向け･女性的
形を多用
テクスチャー
ナチュラル
水彩･絵の具
シズル感･訴求力がある写真･動画
上品
さわやか
エレガント
やさしい･親しみ･ナチュラル
スタイリッシュ
手書き風・ハンドメイド
季節感･季節のイベント
シズル感
雑誌風
漫画風･アメコミ風
和風
やわらかい・丸みのある
手描き風
おしゃれ・スタイリッシュ
高級感・ラグジュアリー
カッコイイ・クール
かわいい・キュート
オーソドックス
レトロ・アメリカン
ミニマル
男性向け･男性的
和風･レトロ
3D表現･3Dイラスト
グランジ・ハード
ステキな更新コンテンツページあり
スムーススクロール
フラットデザイン
ベタ塗り
花･木･葉･植物を使用
アイソメトリックイラスト
ファブリック調
水･波･波紋･水滴を使用
ベタ塗
迫力
プロジェクト
レイアウト
1カラム
2カラム
ブロークングリッドレイアウト
スプリットレイアウト
グリッド
左ナビゲーション
右ナビゲーション
ヘッダー・上部ナビ
下部固定ナビ
斜めレイアウト・斜めライン
ボックスレイアウト
動き・モーション
GSAP / ScllTygger
3D / WebGL / thue.js
スクロール
横スクロール
スライダー
アニメーション
動画・Youtue
ホバーエフェクト
視差効果（パララックス）
パララックス
ページ遷移
背景が動く
モーションが印象的
ローディング･オープニングアニメーション
動き･エフェクト･アニメーションあり
ホバー
スクロールエフェクト
スクロールテキスト
テキストエフェクト
カーソル
ほどよい動き
特徴
日本語メイン
多言語対応
ステキなレイアウトあり
ステキなバナー･ボタン･メインビジュアルあり
パララックス･スクロールエフェクト
動画が流れる
リッチ･インタラクティブ
情報量が多い
罫線･飾り罫
ステキな下層ページあり
ステキな文字･タイポグラフィ
ステキなインフォグラフィックあり
ステキな写真
グリッドレイアウト
スライド･カルーセル
要素が動く
ノーコードツール｢STUDIO｣で制作
イラスト･アイコン
角丸
イラストが動く
イラスト
ステキなナビゲーション･メニュー
3D･canvas･WebGL
さりげない動き･動きなし
サークル（円）を使ったデザイン
TOPページにJS多用
斜めライン利用
大きい写真の背景
Webフォント・Googleフォント
WotPuss
写真が印象的
おもしろいサイト
タイポグラフィ
背景がある
メインビジュアル・キービジュアル
フォーム
ボタンデザイン
メニュー
見出しデザイン
縦ライン
特殊なWebフォント使用
写真・イラスト
イラストが印象的
埋め込み動画
ページトップ
アイコン・ピクトグラム
写真・フォトグラフィー
写真少なめ･写真以外のビジュアル表現
動画
ナビゲーション・メニュー
フッター
ロゴデザイン
インフォグラフィック
下層ページあり
マスク / クリップパス
イメージエフェクト
選択中
0
クリア
検索する
