プロジェクトリーダー

開始日

終了日

優先度

進捗状況

担当者

説明

完了

備考

Types of Creative

Client

名前

Archive

<div style="margin-top: 3rem; margin-bottom: 2rem; display: flex; gap: 1rem; justify-content: center;">
  <a onclick="share('x')" 
     style="padding: 0.5rem; border-radius: 9999px; transition: background-color 0.2s; display: flex; align-items: center; cursor: pointer;">
    <svg width="20" height="20" viewBox="0 0 24 24" fill="#000000">
      <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
    </svg>
  </a>
  
  <a onclick="share('facebook')"
     style="padding: 0.5rem; border-radius: 9999px; transition: background-color 0.2s; display: flex; align-items: center; cursor: pointer;">
    <svg width="20" height="20" viewBox="0 0 24 24" fill="#000000">
      <path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/>
    </svg>
  </a>
  
  <a onclick="share('linkedin')"
     style="padding: 0.5rem; border-radius: 9999px; transition: background-color 0.2s; display: flex; align-items: center; cursor: pointer;">
    <svg width="20" height="20" viewBox="0 0 24 24" fill="#000000">
      <path d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z"/>
    </svg>
  </a>
</div>

<footer class="footer-menu">
    <ul>
        <li><a href="/about">About</a></li>
        <li><a href="/company_profile">Company</a></li>
        <li><a href="/project">Project</a></li>
        <li><a href="/blog">Blog</a></li>
        <li><a href="/contact">Contact</a></li>
        <li><a href="/med-cube">Med-Cube</a></li>
    </ul>
</footer>

<div style="text-align: center; font-size: 12px; color: #666666; margin-top: 1rem; margin-bottom: 2rem;">
  ©Pg Inc. All Rights Reserved.
</div>

<script>
function share(platform) {
  const url = encodeURIComponent(window.location.href);
  const title = encodeURIComponent(document.title);
  
  let shareUrl;
  switch(platform) {
    case 'x':
      shareUrl = `https://twitter.com/intent/tweet?url=${url}&text=${title}`;
      break;
    case 'facebook':
      shareUrl = `https://www.facebook.com/sharer/sharer.php?u=${url}`;
      break;
    case 'linkedin':
      shareUrl = `https://www.linkedin.com/sharing/share-offsite/?url=${url}`;
      break;
  }
  
  window.open(shareUrl, '_blank', 'width=550,height=450');
}
</script>

ピージーは、医療コミュニケーションの在り方を再構築し、複雑化する医療情報を人々にとって価値あるものへと設計するデザインとクリエイティブコンサルティングの会社です。

<div class="injectHtml injectHtml_body">
    <div class="injectHtml injectHtml_body">
  <style>
    .notion-frame {
      position: relative !important;
    }
    
    .wave-container {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1;
    }
  </style>
  <div class="wave-container" style="width: 100%; overflow: hidden; opacity: 0.5; margin-top: 60px;">
    <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 2000 200" preserveaspectratio="none">
      
      <path d="M0 100 C200 40, 400 160, 800 100 S1200 40, 1600 100, 2000 160, 2400 100, 2800 40" fill="none" stroke="black" stroke-width="1">
        <animate attributename="d" dur="6s" repeatcount="indefinite" values="
          M0 100 C200 40, 400 160, 800 100 S1200 40, 1600 100, 2000 160, 2400 100, 2800 40;
          M0 100 C200 160, 400 40, 800 100 S1200 160, 1600 40, 2000 100, 2400 160, 2800 100;
          M0 100 C200 40, 400 160, 800 100 S1200 40, 1600 100, 2000 160, 2400 100, 2800 40" 
          calcmode="spline" keysplines="0.4 0 0.6 1; 0.4 0 0.6 1"></animate>
      </path>

      
      <path d="M0 100 C200 150, 400 50, 800 100 S1200 150, 1600 50, 2000 100, 2400 150, 2800 100" fill="none" stroke="black" stroke-width="1">
        <animate attributename="d" dur="8s" repeatcount="indefinite" values="
          M0 100 C200 150, 400 50, 800 100 S1200 150, 1600 50, 2000 100, 2400 150, 2800 100;
          M0 100 C200 50, 400 150, 800 100 S1200 50, 1600 150, 2000 50, 2400 100, 2800 150;
          M0 100 C200 150, 400 50, 800 100 S1200 150, 1600 50, 2000 100, 2400 150, 2800 100" 
          calcmode="spline" keysplines="0.4 0 0.6 1; 0.4 0 0.6 1"></animate>
      </path>

      
      <path d="M0 100 C200 60, 400 140, 800 100 S1200 60, 1600 100, 2000 140, 2400 100, 2800 60" fill="none" stroke="black" stroke-width="1">
        <animate attributename="d" dur="7s" repeatcount="indefinite" values="
          M0 100 C200 60, 400 140, 800 100 S1200 60, 1600 100, 2000 140, 2400 100, 2800 60;
          M0 100 C200 140, 400 100, 800 60 S1200 100, 1600 140, 2000 100, 2400 60, 2800 100;
          M0 100 C200 60, 400 140, 800 100 S1200 60, 1600 100, 2000 140, 2400 100, 2800 60" 
          calcmode="spline" keysplines="0.4 0 0.6 1; 0.4 0 0.6 1"></animate>
      </path>
    </svg>
  </div>
</div>
    
</div>

医療分野に特化したデザイン・コンサルティング会社

「Pg」は、”Practical”（実用的、実践的）と”Productive”（生産的：自分から物を作り出す能力）の要素を持つ”graphic”（グラフィックデザイン、図案、情報設計）や”graph”（グラフ、図表）を指します。”experimental practice”（実験的実践）を重視し、業務内容は多層的で多面的となっています。

インフォグラフィックのコツ