<!DOCTYPE html>
<html lang='en'>

<head>
  <meta charset='UTF-8'>
  <meta name='description'
    content='Daniel Perujo - Design Lead crafting experiences in digital products. Think, build, test. Repeat.'>
  <meta name='viewport' content='width=device-width, initial-scale=1'>
  <title>Daniel Perujo</title>
  <link rel="icon" href="/icon.svg" type="image/svg+xml">
  <link rel='canonical' href='https://peruho.com/'>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Urbanist:wght@450..700&display=swap"" rel=" stylesheet">
  <link rel='stylesheet' href='style/style.css' />
</head>

<body>

  <main>
    <header class='main-header'>
      <div class='profile-content'>
        <h1 id='fullname'>Daniel Marcos Perujo</h1>
        <p class='intro'>Hi there!<br>
          I am Daniel, a Design Lead crafting experiences in digital products.
          <mark>Think, build, test. Repeat</mark>.
        </p>
        <address>Málaga, Spain <span>CET (UTC+1)</span></address>
        <ul class='social-links'>
          <li><a href='https://bsky.app/profile/peruho.com' aria-label="Check out my Bluesky account">
              <svg class="logo" width="16" height="16">
                <use href="social.svg#bsky"></use>
              </svg>
              <span class="visually-hidden">Bluesky</span></a>
          </li>
          <li><a href='https://www.linkedin.com/in/peruho/' aria-label="Read more about me in Linkedin">
              <svg class="logo" width="16" height="16">
                <use href="social.svg#linkedin"></use>
              </svg>
              <span class="visually-hidden">Linkedin</span></a>
          </li>
        </ul>
      </div>
      <picture>
        <source type="image/webp" srcset="images/daniel-marcos-perujo.webp">
        <img src='images/daniel-marcos-perujo.png' alt='' />
      </picture>

    </header>

    <section id='about'>
      <h2>About</h2>

      <p>I have been working in <mark>product design</mark> for many years, and it has been the focus of my career.
        Previously, I worked for several <mark>Japanese advertising agencies—around 20+ years of experience in digital
          products</mark> combined with a background in <mark>animation and coding</mark>. Through qualitative research
        and user testing interviews, I base my work on <mark>human-centered design.</mark></p>
      <p>I've <mark>helped several startups</mark> to grow up building their products. I <mark>led small design
          teams</mark> from concept work to <mark>ready-to-ship products</mark>.</p>
      <p>Before Sketch and Figma came to rule the design world, I created one of the most used plugins for Photoshop CC
        to export assets in the very early ages of mobile design.</p>


    </section>
    <!-- EXPERIENCE -->
    <section>
      <h2>Recent Experience</h2>
      <ol class='experience-list'>
        <!-- Smartpay -->
        <li class='experience-item'>
          <svg class="logo" width="40" height="40">
            <use href="logos.svg#smartpay"></use>
          </svg>
          <div class='company-content'>
            <header class='position-details'>
              <div>
                <h3 data-remote='true'><a href='https://smartpay.co/'>Smartpay</a></h3>
                <h4>Product Design Lead</h4>
              </div>
              <p class='data-range'>2021 - NOW</p>
            </header>
            <p class='position-description'>I've collaborated on <mark>the brand and core design of the products</mark>
              and conducted qualitative research interviews to improve the product to test new ideas and concepts
              through animations and interactive prototypes.<br>Working in a <mark>high-paced collaboration</mark> with
              the engineering team.</p>
          </div>
        </li>
        <!-- Zypsy -->
        <li class='experience-item'>
          <svg class="logo" width="40" height="40">
            <use href="logos.svg#zypsy"></use>
          </svg>
          <div class='company-content'>
            <header class='position-details'>
              <div>
                <h3 data-remote='true'><a href='https://www.zypsy.com/'>Zypsy</a></h3>
                <h4>Design Lead</h4>
              </div>
              <p class='data-range'>2019 - 2021</p>
            </header>
            <p class='position-description'>Helped startups to improve their products and services <mark>leading design
                projects</mark>, creating <mark>design systems</mark> and foundations for future products.<br>Created
              interactive prototypes using Figma, ProtoPie or directly with javascript.</p>
          </div>
        </li>
        <!-- IDEO -->
        <li class='experience-item'>
          <svg class="logo" width="40" height="40">
            <use href="logos.svg#ideo"></use>
          </svg>
          <div class='company-content'>
            <header class='position-details'>
              <div>
                <h3><a href='https://www.ideo.com/'>IDEO</a></h3>
                <h4>Interaction Designer</h4>
              </div>
              <p class='data-range'>2015 - 2019</p>
            </header>
            <p class='position-description'>Four amazing years creating <mark>sacrificial concepts, designs,
                experiences, animations, and prototypes, physical and digital</mark>, for well-known international
              Japanese brands and aerospace agencies.<br>Participated in national and international <mark>qualitative
                research</mark> through user interviews and concept testing.</p>
          </div>
        </li>
        <!-- Coiney -->
        <li class='experience-item'>
          <svg class="logo" width="40" height="40">
            <use href="logos.svg#coiney"></use>
          </svg>
          <div class='company-content'>
            <header class='position-details'>
              <div>
                <h3><a href='#'>Coiney</a></h3>
                <h4>Product Designer</h4>
              </div>
              <p class='data-range'>2014 - 2015</p>
            </header>
            <p class='position-description'>Renewed the interface and experience of the mobile and tablet applications.
              Created all the new visual designs for the app, as well as user <mark>flows, wireframes, interactive
                prototypes, videos, and CG animations<mark>.</p>
          </div>
        </li>
      </ol>
    </section>
    <!-- EDUCATION -->
    <section>
      <h2>Education</h2>
      <ol class='education-list'>
        <li class='education-item'>
          <svg class="logo" width="40" height="40">
            <use href="logos.svg#tokai"></use>
          </svg>
          <div class='company-content'>
            <header class='position-details'>
              <div>
                <h3>Tokai University, Japan</h3>
                <h4>Research</h4>
              </div>
              <p class='data-range'>2006 - 2008</p>
            </header>
            <p class='education-details'>School of High-Technology for Human Welfare Department of <mark>Perceptual
                Human Interface Design</mark></p>
          </div>
        </li>
        <li class='education-item'>
          <svg class="logo" width="40" height="40">
            <use href="logos.svg#granada"></use>
          </svg>
          <div class='company-content'>
            <header class='position-details'>
              <div>
                <h3>Granada University, Spain</h3>
                <h4>Major in Graphic Design</h4>
              </div>
              <p class='data-range'>1995 - 2000</p>
            </header>

          </div>
        </li>
      </ol>
    </section>


  </main>

</body>

</html>
