CINXE.COM
ご利用手数料、業界最安級!! | 総合型スキルシェアマーケット【クラウディア】
<!DOCTYPE html> <html lang="ja"> <head> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PPNM8RT');</script> <!-- End Google Tag Manager --> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ご利用手数料、業界最安級!! | 総合型スキルシェアマーケット【クラウディア】</title> <meta name="description" content="あなたの知識や経験、スキルを販売してみませんか?"> <link rel="canonical" href="https://app.craudia.com/lp/skill"> <!-- favicon --> <link rel="shortcut icon" href="/favicon.ico"> <!-- original --> <link rel="stylesheet" href="/css/lp/skill/style.css"> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PPNM8RT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- container --> <main class="main"> <!-- l-header --> <header class="l-header"> <div class="l-header__container l-inner"> <div class="l-header__inner"> <div class="l-header-logo"> <img class="l-header__logo_img" src="/assets/images/pc/lp/skill/logo.svg" alt="craudiaのロゴ画像です"> </div> </div> </div> </header><!-- /.l-header --> <!-- p-kv --> <div class="p-kv"> <div class="p-kv-container l-inner"> <div class="p-kv-container_left tab-down-none"> <h1 class="p-kv_title"> あなたの<br>知識や経験、<br>スキルを販売してみませんか? </h1> </div> <div class="p-kv-container_right tab-down-none"> <img class="tab-down-none" src="/assets/images/pc/lp/skill/pc-top-img.jpg" alt="サラーリーマン風の男女3人が微笑んでいる画像"> </div> <div class="p-kv-sp__container tab-down-only"> <img class="tab-down-only" src="/assets/images/pc/lp/skill/sp-top.jpg" alt="サラーリーマン風の男女3人が微笑んでいる画像とタイトル"> </div> </div> <div class="p-kv-body"> <div class="p-kv-body__inner"> <div class="p-kv-body_left"> <p class="p-kv-body_title">《ご利用手数料、業界最安級!》</p> <div class="p-kv-body_left__image"> <img class="tab-down-none" src="/assets/images/pc/lp/skill/sp-kv-img-02.png" width="377" height="29" loading="lazy" alt="イラスト"> <img class="tab-down-only" src="/assets/images/pc/lp/skill/sp-kv-img-02.png" alt="イラスト"> </div> </div> <div class="p-kv-body_right"> <div class="util_button"> <a class="util_link" href="https://app.craudia.com/auth/register-temp"> <p class="button__text_top">\最短3分で出品が可能です/</p> <p class="button__text_down">無料でスキルを出品する</p> </a> </div> </div> </div> </div> </div><!-- /.p-kv --> <!-- p-intro --> <section class="p-intro l-inner"> <div class="p-intro__container"> <div class="p-intro-heading"> <h2 class="p-intro-heading__title">スキルを売るってどういうこと?</h2> <p class="p-intro-heading__text"> スキル販売とは、個人や法人様の得意やサービス、経験を商品とし、<br class="tab-none"> ECサイトのように手軽に出品・購入ができる機能です。 </p> </div> <div class="p-intro-pc__container tab-down-none animation-up"> <img src="/assets/images/pc/lp/skill/pc-intro.jpg" alt="スキルに関するイラスト"> </div> <div class="p-intro-sp__container tab-down-only animation-up"> <img src="/assets/images/pc/lp/skill/sp-intro.jpg" alt="スキルに関するイラスト"> </div> </div> </section><!-- /.p-intro --> <!-- p-skill --> <section class="p-skill"> <div class="c-section-title__unit c-section__blue-lighten c-section__blue-lighten_sp"> <h2 class="c-section-title">例えばどんなスキルを出品できる?</h2> </div> <div class="p-skill__container"> <div class="p-skill__inner l-inner"> <div class="p-skill__unit"> <ul class="p-skill__list"> <li class="p-skill__item animation-up"> <div class="p-skill__item_image"> <img src="/assets/images/pc/lp/skill/skill-01.jpg" width="267" height="173" loading="lazy" alt="デザインをしている画像"> </div> <div class="p-skill__item__text__body"> <p class="p-skill__item__text"> スタイリッシュなロゴデザインを<br class="sp-up-none">作成します </p> </div> </li> <li class="p-skill__item animation-up"> <div class="p-skill__item_image"> <img src="/assets/images/pc/lp/skill/skill-02.jpg" width="267" height="173" loading="lazy" alt="ノートパソコンとタブレットの画像"> </div> <div class="p-skill__item__text__body"> <p class="p-skill__item__text"> ワードプレスでオリジナル<br class="sp-up-none">WEBサイトを構築します </p> </div> </li> <li class="p-skill__item animation-up"> <div class="p-skill__item_image"> <img src="/assets/images/pc/lp/skill/skill-03.jpg" width="267" height="173" loading="lazy" alt="医者さんがタブレットを操作している画像"> </div> <div class="p-skill__item__text__body"> <p class="p-skill__item__text"> 現役医師がWEBコンテンツの<br class="sp-up-none">監修をします </p> </div> </li> <li class="p-skill__item animation-up"> <div class="p-skill__item_image"> <img src="/assets/images/pc/lp/skill/skill-04.jpg" width="267" height="173" loading="lazy" alt="キッチンとモバイルの画像"> </div> <div class="p-skill__item__text__body"> <p class="p-skill__item__text"> すべての家電を<br class="sp-up-none">スマート家電化する方法教えます </p> </div> </li> <li class="p-skill__item animation-up"> <div class="p-skill__item_image"> <img src="/assets/images/pc/lp/skill/skill-05.jpg" width="267" height="173" loading="lazy" alt="古風なイメージの日本地図の画像"> </div> <div class="p-skill__item__text__body"> <p class="p-skill__item__text"> 地元民が語る、外せない<br class="sp-up-none">観光スポット教えます </p> </div> </li> <li class="p-skill__item animation-up"> <div class="p-skill__item_image"> <img src="/assets/images/pc/lp/skill/skill-06.jpg" width="267" height="173" loading="lazy" alt="握手をしている画像"> </div> <div class="p-skill__item__text__body"> <p class="p-skill__item__text"> 婚活歴3年、失敗と成功の<br class="sp-up-none">ノウハウ教えます </p> </div> </li> </ul> </div> </div> <div class="p-skill-message"> <div class="p-skill-message__unit"> <img class="p-skill__image_sp tab-up-only" src="/assets/images/pc/lp/skill/skill-07.png" alt="男女がミーティングしているイラスト"> <p class="p-skill-message__text"> あなたの経験を生かしたスキルであれば<br>何でも気軽に出品できます。 </p> </div> <p class="p-skill-message__confirm"> ※出品の際はガイドラインをご確認ください。 </p> </div> </div> </section><!-- /.p-skill --> <!-- p-merit --> <section class="p-merit"> <div class="c-section-title__unit c-section__blue-darken c-section__blue-darken_sp"> <h2 class="c-section-title">スキルを出品するメリットは?</h2> </div> <div class="p-merit__container"> <div class="p-merit__inner l-inner"> <div class="p-merit__unit"> <ul class="p-merit__list"> <li class="p-merit__item"> <div class="p-merit__item_image"> <img src="/assets/images/pc/lp/skill/merit-01.png" width="266" height="135" loading="lazy" alt="サラーリーマンのイラスト"> </div> <div class="p-merit__item__text__body"> <p class="p-merit__item__text"> あなたの経験がお金に~<br class="sp-none">副業・本業になります </p> </div> </li> <li class="p-merit__item"> <div class="p-merit__item_image"> <img src="/assets/images/pc/lp/skill/merit-02.png" width="274" height="140" loading="lazy" alt="サラーリーマン二人が握手をしているイラスト"> </div> <div class="p-merit__item__text__body"> <p class="p-merit__item__text"> あなたの経験が<br class="sp-none">だれかを助けることができます </p> </div> </li> <li class="p-merit__item"> <div class="p-merit__item_image image__right"> <img src="/assets/images/pc/lp/skill/merit-03.png" width="192" height="135" loading="lazy" alt="サラーリーマン男性2人と女性のイラスト"> </div> <div class="p-merit__item__text__body"> <p class="p-merit__item__text"> 経験値UP!専門家になり<br class="sp-none">人生が変わるかも!? </p> </div> </li> </ul> </div> <div class="p-merit_button__unit tab-up-only"> <div class="util_button"> <a class="util_link" href="https://app.craudia.com/auth/register-temp"> <p class="button__text_top">\最短3分で出品が可能です/</p> <p class="button__text_down">無料でスキルを出品する</p> </a> </div> </div> </div> </div> </section><!-- /.p-merit --> <!-- p-point --> <section class="p-point"> <div class="c-section-title__unit c-section__blue-lighten c-section__blue-lighten_sp"> <h2 class="c-section-title">「クラウディア」4つのポイント</h2> </div> <div class="p-point__container"> <div class="p-point__inner l-inner"> <div class="p-point__list__wrapper"> <div class="p-point__list"> <div class="p-point__item animation-up"> <div class="p-point__item_left"> <div class="p-point__item_left__inner"> <div class="p-point__item_left__head">ポイント</div> <div class="p-point__item_left__number">01</div> </div> </div> <div class="p-point__item_center"> <div class="p-point__item_center_image"> <img src="/assets/images/pc/lp/skill/point-01.png" width="184" height="121" loading="lazy" alt="女性と男性のイラスト"> </div> </div> <div class="p-point__item_right"> <div class="p-point__item_right__head">ご利用手数料業界最安級!</div> <div class="p-point__item_right__description p-point__item_bold">出品料無料! 手数料3~15%!</div> </div> </div> <div class="p-point__item animation-up"> <div class="p-point__item_left"> <div class="p-point__item_left__inner"> <div class="p-point__item_left__head">ポイント</div> <div class="p-point__item_left__number">02</div> </div> </div> <div class="p-point__item_center"> <div class="p-point__item_center_image point__image_second"> <img src="/assets/images/pc/lp/skill/point-02.png" width="91" height="101" alt="女性が虫眼鏡を持っているイラスト"> </div> </div> <div class="p-point__item_right"> <div class="p-point__item_right__head">仮払い制度なので安心・安全!</div> <div class="p-point__item_right__description"> 売買に必要なお金は事前にクラウディアがクライアントから<br class="pc-none">お預かりするので、安心してお取引ができます。 </div> </div> </div> <div class="p-point__item animation-up"> <div class="p-point__item_left"> <div class="p-point__item_left__inner"> <div class="p-point__item_left__head">ポイント</div> <div class="p-point__item_left__number">03</div> </div> </div> <div class="p-point__item_center"> <div class="p-point__item_center_image"> <img src="/assets/images/pc/lp/skill/point-03.png" width="130" height="80" alt="モバイルを操作している腕だけのイラスト"> </div> </div> <div class="p-point__item_right"> <div class="p-point__item_right__head">高単価案件へのスカウトがくる!</div> <div class="p-point__item_right__description">運営事務局が独自で入手した高単価案件をご紹介いたします。</div> </div> </div> <div class="p-point__item animation-up"> <div class="p-point__item_left"> <div class="p-point__item_left__inner"> <div class="p-point__item_left__head">ポイント</div> <div class="p-point__item_left__number">04</div> </div> </div> <div class="p-point__item_center"> <div class="p-point__item_center_image"> <img src="/assets/images/pc/lp/skill/point-04.png" width="157" height="91" alt="女性と男性がタブレットを見ているイラスト"> </div> </div> <div class="p-point__item_right"> <div class="p-point__item_right__head">公募案件に応募して受注できる!</div> <div class="p-point__item_right__description">クライアントが公開している案件に応募し、<br class="sp-up-none">お仕事を受注する事もできます。</div> </div> </div> </div> </div> </div> </div> </section><!-- /.p-point --> <!-- p-commission --> <section class="p-commission"> <div class="c-section-title__unit c-section__blue-darken c-section__blue-darken_sp"> <h2 class="c-section-title">手数料比較表</h2> </div> <div class="p-commission__container"> <div class="p-commission__inner l-inner pc-down-none"> <div class="p-commission__unit"> <div class="p-commission__item p-commission__unit_left"> <p class="p-commission__unit_left-head">手数料</p> </div> <div class="p-commission__item p-commission__unit_center"> <div class="p-commission__item__center"> <p class="p-commission__item__center_company">A社</p> <div class="p-commission__item__center_ratio">22%</div> </div> <div class="p-commission__item__center"> <p class="p-commission__item__center_company">B社</p> <div class="p-commission__item__center_ratio">5~20%</div> </div> <div class="p-commission__item__center"> <p class="p-commission__item__center_company">C社</p> <div class="p-commission__item__center_ratio">10~30%</div> </div> </div> <div class="p-commission__item p-commission__unit_right"> <div class="p-commission__unit_right__inner"> <div class="p-commission__unit_right_heading"> <p class="p-commission__unit_right_heading__text">クラウディア</p> </div> <div class="p-commission__unit_right_ratio" >3~15%</div> </div> </div> </div> </div> <div class="p-commission-sp__image pc-down-only l-inner"> <img src="/assets/images/pc/lp/skill/sp-commission.jpg" alt=""> </div> <div class="p-commission_button__unit pc-down-only l-inner"> <div class="util_button"> <a class="util_link" href="https://app.craudia.com/auth/register-temp"> <p class="button__text_top">\最短3分で出品が可能です/</p> <p class="button__text_down">無料でスキルを出品する</p> </a> </div> </div> </div> </section><!-- /.p-commission --> <!-- p-step --> <section class="p-step"> <div class="p-step__container"> <div class="p-step__inner l-inner"> <div class="p-step__title_container"> <h2 class="p-step__title">お取引の流れ</h2> </div> <div class="p-step__list__unit"> <ul class="p-step__list"> <li class="p-step__item animation-up"> <div class="p-step__wrapper"> <div class="p-step__item_heading"> <p class="p-step__item_heading_en">STEP</p> <p class="p-step__item_heading_number">01</p> </div> <div class="p-step__item_icon"> <img src="/assets/images/pc/lp/skill/step-01.png" width="83" height="57" loading="lazy" alt="ノートパソコンのイラスト"> </div> <div class="p-step__item_text__body"> <p class="p-step__item_text">出品</p> </div> </div> </li> <div class="p-step__list_arrow"> <img class="tab-up-none" src="/assets/images/pc/lp/skill/pc-step-arrow.png" width="36" height="46" alt="矢印"> <img class="tab-up-only" src="/assets/images/pc/lp/skill/sp-step-arrow.png" width="36" height="46" alt="矢印"> </div> <li class="p-step__item animation-up"> <div class="p-step__wrapper"> <div class="p-step__item_heading"> <p class="p-step__item_heading_en">STEP</p> <p class="p-step__item_heading_number">02</p> </div> <div class="p-step__item_icon"> <img src="/assets/images/pc/lp/skill/step-02.png" width="90.5" height="70" loading="lazy" alt="ノートパソコンとモバイルのイラスト"> </div> <div class="p-step__item_text__body"> <p class="p-step__item_text">受注</p> </div> </div> </li> <div class="p-step__list_arrow"> <img class="tab-up-none" src="/assets/images/pc/lp/skill/pc-step-arrow.png" width="36" height="46" alt="矢印"> <img class="tab-up-only" src="/assets/images/pc/lp/skill/sp-step-arrow.png" width="36" height="46" alt="矢印"> </div> <li class="p-step__item animation-up"> <div class="p-step__wrapper"> <div class="p-step__item_heading"> <p class="p-step__item_heading_en">STEP</p> <p class="p-step__item_heading_number">03</p> </div> <div class="p-step__item_icon"> <img src="/assets/images/pc/lp/skill/step-03.png" width="75" height="59.4" loading="lazy" alt="書類と虫眼鏡のイラスト"> </div> <div class="p-step__item_text__body"> <p class="p-step__item_text">納品・検収</p> </div> </div> </li> <div class="p-step__list_arrow"> <img class="tab-up-none" src="/assets/images/pc/lp/skill/pc-step-arrow.png" width="36" height="46" alt="矢印"> <img class="tab-up-only" src="/assets/images/pc/lp/skill/sp-step-arrow.png" width="36" height="46" alt="矢印"> </div> <li class="p-step__item animation-up"> <div class="p-step__wrapper"> <div class="p-step__item_heading"> <p class="p-step__item_heading_en">STEP</p> <p class="p-step__item_heading_number">04</p> </div> <div class="p-step__item_icon"> <img src="/assets/images/pc/lp/skill/step-04.png" width="83" height="59" loading="lazy" alt="お金のイラスト"> </div> <div class="p-step__item_text__body"> <p class="p-step__item_text">代金受取</p> </div> </div> </li> </ul> </div> </div> <div class="p-step_button__unit"> <div class="util_button"> <a class="util_link" href="https://app.craudia.com/auth/register-temp"> <p class="button__text_top">\最短3分で出品が可能です/</p> <p class="button__text_down">無料でスキルを出品する</p> </a> </div> </div> </div> </section><!-- /.p-step --> <!-- l-footer --> <footer class="l-footer__line"> <div class="l-footer__inner"> <a href="https://app.craudia.com">©Mfro Inc. All Rights Reserved.<br> 総合型スキルシェアマーケット「クラウディア」</a> </div> </footer><!-- /.l-footer --> </main><!-- /.container --> <!-- JQuery --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <!-- Js --> <script> $(function () { //fade-in-animation $(window).on('load scroll',function (){ $('.animation-up').each(function(){ var target = $(this).offset().top; var scroll = $(window).scrollTop(); var height = $(window).height(); if (scroll > target - height){ $(this).addClass('active'); } }); }); }); </script> </body> </html>