そでらぼ（ソーシャルデザインラボ） | サイボウズの課題解決実験

カテゴリ一覧

• ノーコードツールで制作されたサイト
• ノーコードツール｢Studio｣で制作されたサイト
• ノーコードツール｢Framer｣で制作されたサイト
• スマホ特化･スマホ幅･モバイルファーストのサイト

タイプ

• Webサイト
• LP（ランディングページ）
• コンテンツページ
• コーポレートサイト
• ブランドサイト･サービスサイト
• 採用サイト･採用ページ
• ECサイト･オンラインショップ
• キャンペーン･特設･プロモーションサイト
• ポータルサイト･メディア･情報サイト
• ポートフォリオサイト･プロフィールサイト
• プラットフォーム･コミュニティサイト
• シングルページ

業種･ジャンル

• Web･IT･AI･デジタル･テクノロジー･通信
• サービス･アプリ･ツール
• 金融･投資･保険･士業
• 暮らし･インフラ･工業･メーカー
• 建築･建設･不動産･家･庭
• 生活用品･雑貨･インテリア･家具
• 家電･電気製品
• 車･乗り物･モビリティ
• 病院･クリニック･歯医者･医療･薬
• 学校･幼稚園･保育園･教育
• スクール･習い事･教材
• ファッション･アパレル･アクセサリー･ジュエリー
• 美容･化粧品･コスメ･ケア用品
• 美容室･サロン･エステ･ヨガ
• カフェ･飲食店･テイクアウト
• 料理･食べ物･飲み物･食品製造
• 制作･開発･企画･マーケティング･コンサル
• デザイン･創作･撮影
• 本･出版･印刷
• 求人･マッチング･転職･人材ビジネス
• ホテル･旅館･温泉
• 旅行･観光･遊び
• 体験･交流
• イベント･お祭り･アワード
• 健康･運動･スポーツ･ジム
• 商業施設･レジャー施設･文化施設
• スタジオ･レンタルスペース･シェアオフィス
• ベビー･子供･キッズ･ママ
• 福祉･介護
• 地域･地方創生･政治･行政･自治体･NPO
• エコ･SDGs･サステナビリティ
• 農業･酪農･林業･漁業･園芸･ファーム
• ペット･動物･生き物
• 音楽･芸能･映画･テレビ･配信
• 漫画･アニメ･ゲーム
• メタバース･バーチャル･XR･VR･AR･NFT
• キャラクター
• カルチャー･イラスト･アート･芸術
• 歴史･文化財･伝統
• 寺･神社･葬儀･仏壇
• 科学･研究
• ウェディング
• プロジェクト

特徴･スタイル

• スタイリッシュ
• オーソドックス
• シンプル
• 高級感
• 上品
• 誠実･信頼感
• かっこいい
• かわいい
• やさしい･親しみ･ナチュラル
• ポップ
• ユニーク
• にぎやか
• さわやか
• 清潔感
• 和風･レトロ
• 遊び心がある･作り込まれている
• イラストを使用
• 3D表現･3Dイラストを使用
• シズル感･訴求力のある写真･動画を使用
• 印象的な人物写真･動画を使用
• 写真少なめ･写真以外の視覚表現･抽象グラフィック
• 日本語主体･可読性が高い･英語少なめ
• 女性向け･女性的
• 男性向け･男性的
• 雑誌風なレイアウト･あしらい
• アナログ風･クラフト感･手書き･紙･コラージュ
• 質感･柄
• 水彩･絵の具
• 罫線･飾り罫
• 図形を多用･幾何学モチーフ
• 角丸
• グラデーション
• ベタ塗り
• 漫画風･アメコミ風
• 花･木･葉･植物を使用
• 水･波･波紋･水滴を使用
• 季節感･季節のイベント
• 春
• 夏
• 秋
• 冬

色･配色

• ブラック･黒色
• ホワイト･白色
• グレー･灰色
• ピンク･桃色
• レッド･赤色
• オレンジ･バーミリオン･橙色･朱色
• イエロー･黄色
• ブルー･青色
• ネイビー･紺色
• グリーン･イエローグリーン･緑色
• ブルーグリーン･青緑
• ベージュ･グレージュ･アイボリー･クリーム･薄茶色
• ブラウン･キャメル･茶色
• パープル･紫色
• ゴールド･金色
• シルバー･銀色
• カラフル･多色
• 暖色
• 寒色
• 中性色
• 白黒･モノトーンな配色
• 高級感がある配色
• スタイリッシュ･知的な配色
• 落ち着いた配色
• かわいい配色
• やさしい･やわらかい配色
• 強い･あざやかな配色
• ポップ･楽しい･にぎやかな配色
• さわやか･フレッシュな配色
• ダーク･重厚感のある配色
• 和･レトロな配色
• 奇抜･めずらしい･派手な配色
• キーカラーが効いてる配色
• 組み合わせが効いてる配色

動きの度合い･技術

• 動き･モーション･ギミック･アニメーション･エフェクト
• ほぼ動きなし･動き少なめ
• やや動きあり
• リッチ･印象的･細やかな動き
• 動き多め･没入感･ダイナミックな動き
• パララックス（視差効果）･スクロールエフェクト
• ホバー
• スライド･カルーセル
• ローディング･オープニングアニメーション
• 要素が動く
• イラストが動く
• 背景が動く
• ページ遷移
• ページトップ
• 動画が流れる
• アクセス･遷移･日時に応じて変化
• ゲーム･診断･メーカー･便利機能
• canvas･WebGL
• React / Next.js
• Vue.js / Nuxt.js
• Astro
• Lottie

ステキポイント

• ステキな下層ページあり
• ステキなレイアウトあり
• ステキなバナー･ボタン･メインビジュアルあり
• ステキな文字･タイポグラフィ
• ステキなインフォグラフィックあり
• ステキな写真

レイアウト･その他

• レスポンシブ
• 1カラム
• 2カラム
• 横スクロール
• 一部横スクロール
• 多言語対応

4,238 sites