cocotano!
おしゃれなWEBデザイン・参考サイト集
WEBデザイン・参考サイト一覧
カテゴリーから探す
お気に入り
カテゴリーからWEBデザイン・参考サイトを探す
サイトの種類
Webサイト
シングルページ
キャンペーン･特設･プロモーションサイト
レスポンシブ
ブランドサイト･サービスサイト
スマホ特化･モバイルファースト
ECサイト･オンラインショップ
LP（ランディングページ）
採用サイト･採用ページ
WEBマガジン
ポータルサイト
コンテンツページ
ポートフォリオ
海外サイト
ポータル・ブログ
メディア・ポータル
業種・ジャンル
Web･IT･AI･デジタル･テクノロジー･通信関連
暮らし･インフラ･工業･メーカー
制作会社･開発･企画･マーケティング･コンサル
サービス･アプリ･ツール
学校･教育･幼稚園･保育園･スクール
農業･酪農･漁業･ファーム
寺･神社･葬儀･仏壇
デザイン･ものづくり･撮影
ポータルサイト･メディア･情報サイト
金融･投資･保険･士業・証券
工業・インフラ・流通・交通
科学･研究
病院･クリニック･歯医者･医療･薬
求人･マッチング･転職･人材ビジネス
メタバース･バーチャル･NFT
体験･交流
地域･地方創生･政治･行政･自治体･NPO
ゲーム･診断･メーカー･便利機能
コンピュータ・テクノロジー
美容室･サロン･エステ･ヨガ
福祉･介護･お年寄り
イベント･お祭り
健康･運動･スポーツ･ジム
スタジオ･レンタルスペース･シェアオフィス
プラットフォーム･コミュニティサイト
生活･雑貨･おもちゃ･文具･家具
暮らし・農業・植物
ブランディングサイト
美容･化粧品･コスメ･ケア用品
ペット･動物･生き物･植物
インテリア・雑貨
音楽
音楽･芸能･映画･テレビ
美容・ヘルスケア・健康
時計・宝石
本･出版
漫画･アニメ･ゲーム
地域・海外・地方
医療・病院
歴史･文化財･伝統
キャラクター
制作会社・広告代理店
デザイン・アート
家電･生活用品
乗り物（自動車・バイク・自転車など）
エコ･SDGs･サスティナビリティ
スポーツ・スポーツウェア
団体・活動
エンターテイメント・アニメ・ホビー
エコ・チャリティー
美容・健康・医療
病院
ホテル･旅館
出版・印刷
コーポレートサイト（企業・事務所）
デザイン事務所・制作会社
情報・WEBサービス
ブランドサイト
写真・フォトグラフィー
アート・美術館・展覧会
建築・住宅・不動産・施設
音楽・ライブ
地域情報
文房具・生活用品
ホテル・旅館
ビジネス
飲食・レストラン・カフェ
アパレル・ファッション
スポーツ・スポーツ用品
商品・製品イメージ
アプリ・ソフトウェア
ウェディング・結婚
環境・福祉・ボランティア
新聞・出版・書籍
女性向けサイト
ベビー・キッズ
美容・健康・化粧品
レジャー・アウトドア
生活
家電製品・カメラ・携帯電話
PC・電子機器
インフラ
出版・メディア
製品・工業・素材
IT・システム
行政・NPO・団体・協会
ネット関連サービス
娯楽・イベント
病院・医療・薬品
マンガ・アニメ
モデル・キャラクター
映画・映像・演劇
企画・制作・開発
出版・広告
クリエイティブ制作
エンタメ・趣味・娯楽
商品・製品紹介
アート
エンタメ公式サイト
時計・アクセサリー
テレビ・ラジオ・芸能
バッグ・靴
キッチン・料理・レシピ
インテリア・雑貨
広告・マーケティング
記念サイト
旅行・ホテル・観光
家電・PC・モバイル
サービス紹介
デザイン
ゲーム
通信・テレビ
CSR
暮らし商品・サービス
美容
スポーツ
流通・販売
就職・人材サービス
ゲーム・おもちゃ
企業ストーリー
動物・ペット
医療・ヘルスケア・健康
Web・クラウドサービス
ニュース
通信・インターネット
WEB・情報サービス
アート・デザイン
政治・行政・省庁
ソフトウェア・アプリ
色･配色
グレー･灰色
ブルー･青色
寒色
スタイリッシュ･知的な配色
落ち着いた配色
キーカラーが効いてる配色
レッド･赤色
暖色
強い･あざやか･ポップな配色
ダーク･重厚感のある配色
ピンク･桃色
カラフル･多色
ネイビー･紺色
ベージュ･アイボリー･クリーム･薄茶色
やさしい･やわらかい配色
ホワイト･白色
ブラック･黒色
ベージュ系
グリーン･緑色
中性色
健康的･リラックス･フレッシュな配色
組み合わせが効いてる配色
白黒･モノトーンな配色
イエロー･黄色
ゴールド･金色
和･レトロな配色
高級感がある配色
オレンジ･橙色
ブラウン･茶色
元気･楽しい･にぎやかな配色
パープル･紫色
かわいい配色
奇抜･めずらしい･派手な配色
さわやかな配色
アクセス･遷移･日時で配色が変わる
モノクロ・単色
シルバー･銀色
魅力的な色使い
テイスト
スタイリッシュ･モダン
見やすい･オーソドックス
シンプル
誠実･信頼感
清潔感
らしさ･雰囲気･世界観が伝わる
遊び心がある･作り込まれている
ポップ
にぎやか
手書き感･コラージュ
質感･柄
ダイナミック･印象的･細やかな動き
グラデーション
写真少なめ･写真以外のビジュアル表現
女性向け･女性的
ローディング･オープニングアニメーション
形を多用
テクスチャー
ナチュラル
やさしい･親しみ･ナチュラル
水彩･絵の具
シズル感･訴求力がある写真･動画
和風･レトロ
上品
3D表現･3Dイラスト
ベタ塗り
さわやか
プロジェクト
迫力
エレガント
スタイリッシュ
フラットデザイン
水･波･波紋･水滴を使用
花･木･葉･植物を使用
手書き風・ハンドメイド
オーソドックス
男性向け･男性的
季節感･季節のイベント
グランジ・ハード
シズル感
雑誌風
ミニマル
ステキな更新コンテンツページあり
レトロ・アメリカン
漫画風･アメコミ風
和風
アイコン・ピクトグラム
やわらかい・丸みのある
手描き風
おしゃれ・スタイリッシュ
スムーススクロール
高級感・ラグジュアリー
カッコイイ・クール
アイソメトリックイラスト
テキストエフェクト
かわいい・キュート
ファブリック調
特徴
日本語メイン
多言語対応
ステキなレイアウトあり
ステキなバナー･ボタン･メインビジュアルあり
動き･エフェクト･アニメーションあり
ほどよい動き
パララックス･スクロールエフェクト
動画が流れる
リッチ･インタラクティブ
情報量が多い
罫線･飾り罫
ステキな下層ページあり
ステキな文字･タイポグラフィ
ステキなインフォグラフィックあり
ステキな写真
グリッドレイアウト
ホバー
スライド･カルーセル
要素が動く
ノーコードツール｢STUDIO｣で制作
イラスト･アイコン
角丸
イラストが動く
カルチャー･アート･芸術
イラスト
ステキなナビゲーション･メニュー
3D･canvas･WebGL
さりげない動き･動きなし
サークル（円）を使ったデザイン
タイポグラフィ
TOPページにJS多用
斜めライン利用
大きい写真の背景
Webフォント・Googleフォント
WordPress
スクロールテキスト
背景がある
カーソル
メインビジュアル・キービジュアル
フォーム
ボタンデザイン
メニュー
見出しデザイン
斜めレイアウト・斜めライン
STUDIO
縦ライン
Shopify
特殊なWebフォント使用
ページトップ
写真が印象的
写真・イラスト
おもしろいサイト
埋め込み動画
イラストが印象的
レイアウト
1カラム
グリッド
2カラム
スプリットレイアウト
Layouot : TypeC
Layouot : TypeF
Layouot : TypeA
ブロークングリッドレイアウト
Layouot : TypeE
Layouot : TypeD
Layouot : TypeB
Layouot : TypeG
動き・モーション
一部横スクロール
横スクロール
ページ遷移
背景が動く
視差効果（パララックス）
GSAP / ScrollTrigger
スクロールイメージ
パララックス
スライダー
3D / WebGL / three.js
ローディングアニメーション
Lottie
アニメーション
動画・Youtube
ホバーエフェクト
スクロール
モーションが印象的